3

font-sizeAndroid と IPhone で異なるスケーリングに関する既知の問題はありますか?

HTMLセレクターでフォントサイズが 107% に設定されているサイトがあります。次に、そのmedia queryすぐ下に、500px 未満の画面のフォントサイズを 150% に設定する設定があります。

メディア クエリを削除して、Iphone と Android でページを表示すると、107% サイズのテキストは両方のデバイスで同等のサイズに見えます。

メディア クエリを再度追加すると、両方のデバイスで予想どおりテキストが大きくなります。ただし、iPhone では非常に大きくなり、Android で表示されるよりもほぼ 50% から 100% 大きくなります! レイアウトが完全に崩れます!! これは、レイアウト内のすべてのテキスト要素で発生しています。

これはモバイル デバイスの既知の問題ですか、それとも何らかの複合ユニットの問題が発生していますか?

4

1 に答える 1

1

さて、それは縦向きと横向きの両方のモードですか、それとも横向きのみですか? ランドスケープでは、デフォルトのブラウザーの動作によりフォントが大きくなるためです。たぶん、1つはポートレートモードで、もう1つはランドスケープモードでしたか？

これについてはこちら > iPhone の向きが縦向きから横向きに変わったときに HTML のフォントサイズを保持する

そして、これがあなたの問題である場合、解決策は次のようなものです>

html {
  -webkit-text-size-adjust: 100%;
}
于 2012-12-08T15:45:29.637 に答える