iphone - iPhoneのウェブサイトの問題

Question

幅が100％のDivのWebサイトがあります。これはすべて機能しますが、iPhoneでWebページを開くと、divが幅の100％ではありません。

これが私のiPhoneでどのように見えるかの写真です：

ここに画像の説明を入力してください

ダークグレーは体の色です。

ところで：私のデザインについての考え/コメントは大歓迎です。私はまだ初心者です:-)編集：フッターがうまく表示されていないことにも気づきました。

ありがとう

score 0 · Accepted Answer

あなたの問題は次のことから来ていると思います：

<div class="wrapper">...</div>
<div class="incontent">...</div>
<div class="incontent2">...</div>

divこの 3 つのプロパティに追加してみてくださいwidth: 100%。

.wrapper, .incontent, .incontent2 { width: 100%; }

incontent divまた、 padding:を 0に設定する必要があると思います:

.incontent { padding: 0; }

更新:パディングを 0 にする必要がある理由は、100% に設定された要素の幅にパディングが追加されるため、最終的な幅は100%+paddingになります。コンテンツを正しくフォーマットするには、子要素で作業する必要があります。

score 0 · Accepted Answer

すべての要素の幅が、設計対象のデバイスよりも大きく定義されていないことを確認してください。可能な限り、CSS でパーセンテージを使用してください。たとえば 900px の幅では、ビューポートが引き伸ばされます。iPhone の場合、これは320pxです。

2 に答える 2