ios - width:100% 在 ipad 纵向模式下没有一直延伸

Question

我有一个宽度超过 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 纵向模式下网页比视口(viewport)宽...这很好，因为用户可以四处平移，我们不允许缩放...但背景 div 只渲染 css width:100% 直到视口(viewport)的可见部分。当我四处移动时，我可以看到网页的其余部分，但 div 没有延伸到那些区域。如何让 width:100% 跨越整个网页？

Answer 1

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

html {
    min-width: 1024px;
    }