0

iPhone で自分のページを見ると、ページがズームアウト モードで表示されます。これで問題ありません。ボックスなどのすべての寸法が互いに適合します。

しかし、テキストではありません。この拡大表示では、テキストのサイズが他のサイズに比べて大きくなっています。

これは、ページのテキスト コンテンツには問題ありません。そうすれば、電話でテキストが読みやすくなり、コンテンツのテキストが固定されずに浮かんでコンテナに収まります。

ただし、ページのメイン メニューのようなボタンのテキストも、同じ割合でサイズが縮小されません。ここで問題があります。他のすべてのものがこれ以上縮小されるため、メイン メニュー バーが突然広くなります。

私のメニューの幅は固定されていませんが、テキスト幅に収まります。そのため、テキスト幅が突然通常よりも大きくなると、メニュー バーも通常よりも広くなります。

スクリーン ショットを提供することはできませんが、これが既知の問題であることを願っています。例として、このシミュレーターを参照してください (iPhone での問題を示しているようです): http://transmog.net/iphone-simulator/mobile-web-browser-emulator.php?u=http://w3schools.com #

通常のサイトと比較してください: http://w3schools.com/

このサイトにも、ページの右側のメニューなどにこの問題があります。

4

1 に答える 1

1

メイバイtext-size-adjustがお手伝いします。

.css {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust:    none;
    -ms-text-size-adjust:     none;
    text-size-adjust:         none;
}

これにより、携帯電話のブラウザで許可されているデフォルト値よりもテキストを小さくすることができます。

注: 「Webkit ベースのデスクトップ ブラウザーにはバグがあります。-webkit-text-size-adjust が明示的に none に設定されている場合、Chrome や Safari などの Webkit ベースのデスクトップ ブラウザーは、無視するのではなく、このプロパティにより、ユーザーは Web ページをズームインまたはズームアウトできなくなります。"

https://developer.mozilla.org/en-US/docs/CSS/text-size-adjust

于 2013-04-09T13:28:32.847 に答える