0

我有一个宽度超过 1000 像素的网页。有一个跨越整个宽度的背景 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 纵向模式下,网页比视口宽……这很好,因为用户只能平移,我们不允许缩放……但是背景div 仅将 css width:100% 渲染到视口的可见部分。当我平移时,我可以看到网页的其余部分,但 div 没有延伸到这些区域。如何让 width:100% 跨越整个网页?

4

1 回答 1

1

iPad 屏幕宽度为 1024px,所以尝试添加:

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