ios 浏览器横屏字体放大怎么解?

2018-12-19 19:16:17 +08:00
 JCZ2MkKb5S8ZX9pq

横屏放大也就算了,有的放有的不放,一个表格里某几个 td 放大,真的是……出现得非常不规律啊!

-webkit-text-size-adjust

是这样的,直接用

-webkit-text-size-adjust: 100%;
-webkit-text-size-adjust: none;

这两种我也是知道的,的确可以限制横屏字体,但是实际使用有点问题。

zoom / viewport scale

因为页面有些部分会用到 zoom,比如移动版的表格会做紧凑一点,等等。
viewport scale 同理。

纠结点


PS:才发现现在 viewport 禁缩放对 safari 已经不起作用了……
safari 独有的那几个-webkit-特性说明页也还是 N 久前的 iOS 界面

2150 次点击
所在节点    前端开发
2 条回复
JCZ2MkKb5S8ZX9pq
2018-12-19 19:29:05 +08:00
发现排版的奇怪意外的原因了,好像是 zoom 和 tsa 都对 line-height 作用了,等于 line-height 被 80%了两次,坑爹啊!
JCZ2MkKb5S8ZX9pq
2018-12-19 19:46:37 +08:00
纠正两点,一般我移动端 zoom 用在 body 上比较多,不是*。
字体单位貌似没有影响,之前搞错是因为上面说的 line-height 问题。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/519089

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX