2

現在、別のモバイル サイトを作成する必要性を軽減するために、モバイル ブラウザーとうまく連携するデスクトップ サイト ( http://www.robtest.org.uk ) を作成しています。モバイル サファリは、大きなテキスト ブロックのフォントを拡大しているように見えます (これは問題ありません)。問題は、レイアウトではなくコンテンツに使用するテーブルにあります。幅の広い列のフォントは読みやすいように拡大され、幅の狭い列のフォントは無視されます。

テーブルを一貫してレンダリングするための現在の回避策は次のとおりです。

@media only screen and (max-device-width: 480px) {      
    #container td { -webkit-text-size-adjust:100% }}

次のようなページではうまく機能します: http://www.robtest.org.uk/audio_catalogue.html

ただし、次のようなイベントの詳細を含むテーブルには理想的ではありません: http://www.robtest.org.uk/events.html

後者では、右側の列だけではなく、ページが一貫しているように、すべてのフォントを拡大したほうがよいでしょう。

これを行う方法はありますか?

助けていただければ幸いです。

ありがとう、ダギー:)

4

1 に答える 1