2

iPhoneでテストするために、Webサイトをサーバーにアップロードしました。ただし、iPhone、特に Safari Web ブラウザーでは、フッターが全幅をカバーしていません。これは#leaf-print、#header.

Stackoverflow に関する何十もの記事を見てきましたが、まだ解決策を見つけることができません。サイトはwww.azumis.com/clients/onaturalsにあります。理想的には、iPhone 画面のビューポートの幅を 952px に強制するには、ある種の CSS コードが必要です。どんな助けでも大歓迎です。ありがとう

ここに画像の説明を入力

4

2 に答える 2

5

あなたが使用している

html,body{
  width:952 px;
}

に変更

html,body{
  width:100%;
  margin:0;
  padding:0;
}

変更後のスクリーンショット

まだ問題が存在するため、::

あなたは変更を加えましたhtml,body{width:100%;}が、再びあなたはそれをオーバーライドしています

body{
  width:952px; /*..why????..as you have done it after html,body{width:100%;} its overriding the width:100% to width:952px;
}

に変更します

 body{
   width:100%;
   margin:0;
   padding:0;
   overflow-x:hidden;
 }

そしてまた作ります

 #footer{
   width:100%; /*...instead of 1024px;...*/
 }

それでも機能しない場合は、次のコードが役立つ場合があります

 #footer{
   width:100%; /*...instead of 1024px;...*/
   position: absolute;
   right: 0;
   left: 0;
 }
于 2013-09-07T13:45:39.710 に答える