0

幅が1000pxを超えるウェブページがあります。幅全体に広がる背景のDIV要素があります

.bg_horizon {
  position:absolute;
  width:100%;
  height:800px;
  background-color:#f7f7f7;
  border-bottom:1px solid #8d9092;
  z-index:-9999;
  margin:0;
  padding:0;
}

このボックスは横向きとデスクトップでうまくレンダリングされますが、iPadのポートレートモードでは、Webページはビューポートよりも幅が広くなります...ユーザーはパンするだけなので、スケーリングは許可されません...しかし背景divは、ビューポートの表示部分までcss width：100％のみをレンダリングしました。パンすると、残りのWebページが表示されますが、divはそれらの領域に拡張されませんでした。Webページ全体にまたがるwidth：100％を取得するにはどうすればよいですか？

4

1 に答える 1

1

iPad の画面幅は 1024 ピクセルなので、以下を追加してみてください。

html {
    min-width: 1024px;
    }
于 2013-02-06T19:11:13.317 に答える