0

I私のhtmlヘッダに以下があります。フォントはブラウザデバイスシミュレータと比較してiPhoneの2倍ですか?

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

...とWebアプリ私はなどクローム、サファリ、Firefoxの、中のデバイス・シミュレータで罰金ルックスを開発しています。しかし、私はそれをロードするとき実際のiPhone、またはXcode iPhoneシミュレータでは、すべてのフォントが約2倍のサイズに見えます。

これを修正するにはどうすればよいですか?

答えて

1

あなたのCSSでこのコードを試してみてください

-webkit-テキストサイズ調整:なし|オート| ;

したがって、2倍の大きさがあります。-webkit-text-size-adjust:200%;

+0

現時点では、.cssファイルはありません。私のアプリはReactを使い、すべてのスタイリングは現在インラインです。 「リアクションは、CSSを使用しないコンテンツをスタイリングするためのインラインアプローチに有利です」 https://www.kirupa.com/react/styling_in_react.htm – VikR

+0

このように、 Venkat

+0

私はtext-size-adjustの使用について心配しています。このサイトは「実験的」だと言っています。 https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust。 – VikR

関連する問題