横屏放大也就算了,有的放有的不放,一个表格里某几个 td 放大,真的是……出现得非常不规律啊!
是这样的,直接用
-webkit-text-size-adjust: 100%;
-webkit-text-size-adjust: none;
这两种我也是知道的,的确可以限制横屏字体,但是实际使用有点问题。
因为页面有些部分会用到 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 界面
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.