横屏放大也就算了,有的放有的不放,一个表格里某几个 td 放大,真的是……出现得非常不规律啊!
-webkit-text-size-adjust
是这样的,直接用
-webkit-text-size-adjust: 100%;
-webkit-text-size-adjust: none;
这两种我也是知道的,的确可以限制横屏字体,但是实际使用有点问题。
zoom / viewport scale
因为页面有些部分会用到 zoom,比如移动版的表格会做紧凑一点,等等。
viewport scale 同理。
纠结点
-
-webkit-text-size-adjust是限制页面字体缩放。 -
zoom影响所有元素表现,包括字号。 -
同时使用,其它所有元素受
zoom影响,但字号由-webkit-text-size-adjust控制。 -
这就导致每个用
zoom的地方,都要追加一个-webkit-text-size-adjust,感觉很繁琐。
比如用*{zoom:0.8}代替 viewport。因为 viewport 缩放表格 td 间会露出缝隙,也是个怪事。
这时候如果再加上
-webkit-text-size-adjust:80%,会导致排版出现一些很微妙的意外。
所以还要拆开来,某些地方针对性地加,非常繁琐,远没有直接给body或者*上个zoom来得便利。
另外使用-webkit-text-size-adjust还需要全局有用em / rem。
zoom是无视单位的,方便多了。
要不是为了该死的横屏放大……
PS:才发现现在 viewport 禁缩放对 safari 已经不起作用了……
safari 独有的那几个-webkit-特性说明页也还是 N 久前的 iOS 界面