标签:
前端时间在给客户端添加syntaxhighlighter JS插件时发现一个问题: 如果一段代码中有一行代码比较长,越出了屏幕,那么,整段代码的字体就会变大,对不上行号。
#software_information tr th {
white-space: nowrap;
vertical-align: top;
}
#software_information tr td {
word-break: break-all;
} 效果很好
.syntaxhighlighter { -webkit-text-size-adjust: none; } 测试了一下,显示效果很好,没有字体大小的变化。
Specifies a size adjustment for displaying text content in Safari on iOS.不够详细。继续搜索,找到了 这篇文章,里面提到
Mobile Safari on iPhone will automatically increase the size of small text据此,对于这个显示问题的成因,我猜是这样的: 如果某个td太长,越出了屏幕,Safari就判断table是显示在更大的屏幕上的,文字就被自动放大了。而整个table同一列的td长度是一样的,所以其他行中同一列的td里的文字也会放大。
body {
/* ...... */
-webkit-text-size-adjust: 100%;
}
显示正常。
标签:
原文地址:http://my.oschina.net/aetern/blog/471674