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