宽度:100%未在ipad纵向模式下一直延伸

时间:2013-02-06 19:01:18

标签: ios css ipad width portrait

我有一个宽度超过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宽度:100%直到视口的可见部分。当我平移时,我可以看到网页的其余部分,但div没有扩展到这些区域。如何获得宽度:100%跨越整个网页?

1 个答案:

答案 0 :(得分:1)

iPad屏幕宽度为1024px,因此请尝试添加:

html {
    min-width: 1024px;
    }