rem布局，系统字体大小发生变化是，页面样式错乱的问题

最新推荐文章于 2023-02-13 09:12:04 发布

原创最新推荐文章于 2023-02-13 09:12:04 发布 · 4.7k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#rem布局 #系统字体

收录于

本文介绍了一款APP在使用rem布局时遇到的适配问题，特别是在某些安卓手机上因系统字体大小设置导致页面显示异常的情况。通过设置webview.getSettings().setTextZoom(100)，解决了不同手机上字体大小不一致导致的页面布局错乱。

最近做的一个APP，昨天测试的时候，发现在大多数手机上页面用rem布局，都是可以适配的，但是在一些手机上（比如三星A8000,默认字体大小比较大）出现了混乱，看上去像是宽度不够，有些元素被挤下来，整个页面被拉伸了一些，后来打印出当前页面根元素的字体大小，我设置的100px，但在这些手机上都是比100px大，因为这些手机系统设置的字体大小，比较的大，这时候，可以让安卓的小伙伴们，在每个webview配置webview.getSettings().setTextZoom(100)就可以了