html - Webページのデザイン：フォントサイズ・レイアウト・携帯端末

Question

次の Web ページがあります。

携帯電話で動作するはずです。今のところ、そうあるべきように見えますが、次の問題があります: 一部の要素が広すぎます。ユーザーは水平方向にスクロールできるはずですが、それは不可能です。

私がしようとしました：

1) 削除: <meta name="viewport" content="width=device-width" />

そして、フォントははるかに小さくなります。ユーザーはズームインできますが、それは望ましくありません。

2) 以下を削除します。 overflow-x: hidden;

a.aResult 要素とデザインがめちゃくちゃになり、フォントが少し小さすぎます。

3) 削除:

@media only screen and (max-device-width: 480px) {
    body {
       -webkit-text-size-adjust: none;
    }
}

そして変化はありません。これが実際に何をすることになっているのだろうか。

基本的に、今見ているものを正確に取得したいのですが、水平方向にスクロールする可能性があるはずです. 右端の情報はそれほど重要ではありませんが、それでもアクセスできるはずです。

手伝って頂けますか？

score 0 · Accepted Answer

私の意見では、垂直方向にのみスクロールするのが最善ですが、これを行う場合は<div width="2000px"></div>、スペースを右の境界を超えて拡張するなど、コンテンツコンテナを宣言する必要があります。

1 に答える 1