0

我在我的HTML头下面:与浏览器设备模拟器相比,iPhone的字体是2x的大小?

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 

...和Web应用程序我开发看起来很好,在Chrome,Safari浏览器,Firefox等的设备模拟器但是当我上加载它一个真正的iPhone,或者在Xcode iPhone模拟器中,所有的字体似乎都是两倍的大小。

我该如何解决这个问题?

回答

1

在你的CSS试试这个代码

-webkit-文字大小调整:无|自动| ;

所以,两倍大:-webkit-text-size-adjust:200%;

+0

此时没有.css文件。我的应用程序使用React,所有样式都是内联的。 “React倾向于使用内联方法来处理不使用CSS的内容。” https://www.kirupa.com/react/styling_in_react.htm – VikR

+0

所以,使用内联的CSS,如;“/> – Venkat

+0

我很在意使用文字大小调整。这个网站说它是“实验性的”。 https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust。 – VikR

相关问题