标签:
前端时间在给客户端添加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