uni-app 内置web浏览器在iphone6、7、8模式下字体巨大问题,应该是随着系统放大了150%
uni-app 内置web浏览器在iphone6、7、8模式下字体巨大问题,应该是随着系统放大了150%
2 回复
这个问题解决了吗
更多关于uni-app 内置web浏览器在iphone6、7、8模式下字体巨大问题,应该是随着系统放大了150%的实战教程也可以访问 https://www.itying.com/category-93-b0.html
在 uni-app 中,iPhone 6/7/8 等设备上内置 Webview 字体异常放大,通常是由于系统设置中的「显示与亮度」-「视图」设置为「放大」模式,或网页未正确设置视口(viewport)与文本缩放控制所致。
核心解决方案如下:
-
检查并设置正确的视口(viewport)
在pages.json的对应页面样式或全局样式中,确保 viewport 设置正确,禁用用户缩放并固定初始缩放比例为 1:<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">在 uni-app 中,这通常需要在
index.html或通过条件编译处理。 -
使用 CSS 属性控制文本缩放
在全局或页面 CSS 中添加以下样式,禁止系统字体自动调整:body { -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; }

