我有一个宽度超过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%跨越整个网页?
答案 0 :(得分:1)
iPad屏幕宽度为1024px,因此请尝试添加:
html {
min-width: 1024px;
}