react-native webView IOS字体缩放变小
因为WebView将从React Native核心中删除,所以在最近的项目中将其替换为react-native-webview,其中遇到一个问题webView字体在安卓显示正常IOS会被缩放,添加scalesPageToFit属性也不起作用,
- 解决方案:
在 html 中添加以下代码:
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
这段代码是设置页面的视口:将适应屏幕宽度初始缩放值、最小缩放、最大缩放设为1,让用户不能缩放。
- 结果: