0

私は最近、最初のクライアントの 1 人のためにこのサイトを立ち上げました。現時点では、モバイル デバイスからブラウジングするときに、各見出しの下のテキストがわずかに左側にある理由を見つけることができないようです。(ギャラクシーネクサスを使用)

http://www.digitalgenesis.com.au/2012-websites/qsoils/example3.html

ページの他のすべてが完全に表示され、問題を特定しようとしても成功しませんでした

あずき色の見出しの下のテキストを、ラッピング コンテナー全体の 60% である全幅で表示したいと思います。テキストは、各 .info タグのように通常の画面サイズの場合と同様に、あずき色の線に対して中央に配置する必要があります。 margin:0 auto; が与えられました。財産

設計上の致命的なエラーではありませんが、助けていただければ幸いです、乾杯

4

2 に答える 2

1

この動作が仕様によるものであることは確かです。私のネクサスのクロムは、ストックブラウザよりもはるかに優れた仕事をします.

考えられる解決策は、次のように、画面サイズごとに異なる CSS ルールを提供することです。

@media screen and ( max-width: 480px) {
  #truck img {
    width: 460px;
  }
  .info {
    width: auto;
  }
  /* etc... */
}

要素の幅を制限すると、通常の携帯電話の画面幅 (縦向き) よりもページが広く表示されます。

もう 1 つのオプションは、 YAMLのような線形化をサポートする CSS フレームワークを使用して、デザインを再構築することです。いずれにせよ、画像には特別な注意が必要なので、おそらく両方の組み合わせです。

また、モバイル デバイスはフォーム ファクタが小さいため、大きなマージンは避ける必要があることに注意してください。

于 2012-07-18T14:37:54.223 に答える
0

Paragraph {text-align: justify;} を指定してみて、モバイル ブラウザーでの正しい間隔の問題を減らすのに役立つかどうかを確認してください。

于 2012-07-18T13:49:22.013 に答える