私は Web 開発者ではありません。私は新進のゲーム開発者です。私のポートフォリオを紹介するためにこのウェブサイトを作っています。
私が試したすべてのPCブラウザで見栄えが良いと思います。このように見えるはずです
しかし、Android の chrome と firefox では、右上のテキスト ブロックが巨大なサイズのフォントでレンダリングされ、その div が巨大になり、すべてが押し下げられます。
さて、もともとサイトマップとその段落を含むメインページのhtmlファイルがあり、私のプロジェクトに関する個々のビット、たとえば「アーティファクト」は、iframeにロードされた個別のページでした。
divが上記の問題と同じクラスであっても、iframeの下の段落は問題ないことに気付きました。
これまでに試したことは次のとおりです..
その新しいクラスを作成し、そのテキスト サイズを明示的に定義し
て、Web サイト全体を別の iframe に配置しました。奇妙なことに違いはありませんでした その段落
を ul の li に
入れました その段落のすべてのテキストをスパンに入れ
ました テキストを ap から h7 に変更しました
Androidブラウザはまだそれを拾い上げており、下のものではなくテキストを巨大にしています..
Firefoxでは、これは「フォントインフレーション」によって引き起こされているようで、Firefoxの設定を変更することで回避できます. しかし、なぜ 1 つの段落だけを膨らませて、もう 1 つの段落を無視しているのでしょうか?
ご注意ください。このサイトのすべてを % や em ではなくピクセル単位で行っています。その1つの段落を爆破しないようにAndroidを取得できれば、問題ありません。