根据移动字体大小设置放大字体大小

Question

我正在使用基于cordova的移动应用程序，它会将我的web应用程序作为移动应用程序加载到移动设备中。我在我的网页应用程序中使用像素设置字体大小，并注意到字体大小将根据移动字体大小setting...is而改变，有什么方法可以防止字体大小根据使用CSS/JS的移动字体大小设置而改变？

Answer 1

这应该是可行的。我快速搜索了一下最新的信息，发现并不是所有的浏览器都支持这个功能。不过，在你的CSS中可能值得一试。

text-size-adjust: none;

Answer 2

一个基本的答案显然是调整tex大小并将其设置为null，但在cordova中，您必须阅读文档来控制应用程序行为

Answer 3

有时，这可能是由于像素在移动设备上呈现的方式造成的。

添加下面这一行可以使渲染保持一致。

<meta name="viewport" content="width=device-width, initial-scale=1">

参考资料：

https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag