与浏览器设备模拟器相比,iPhone上的字体大小是2倍?

时间:2016-12-06 17:55:45

标签: css reactjs ios-simulator google-chrome-devtools safari-web-inspector

我的html标题中有以下内容:

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

...我正在开发的网络应用程序在Chrome,Safari,Firefox等设备模拟器中看起来不错。但是当我将它加载到实际的iPhone或Xcode iPhone模拟器中时,所有的字体看起来都很好大约两倍大小。

我该如何纠正?

1 个答案:

答案 0 :(得分:1)

在CSS中尝试此代码

-webkit-text-size-adjust:none |汽车| ;

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