Ios 宽度:在ipad纵向模式下100%不延伸
我有一个网页的宽度超过1000像素宽。有一个横跨整个宽度的背景DIV元素Ios 宽度:在ipad纵向模式下100%不延伸,ios,css,ipad,width,portrait,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纵向模式下,网页比视口宽。。。这很好,因
.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%覆盖整个网页?iPad屏幕宽度为1024px,请尝试添加:
html {
min-width: 1024px;
}