Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/110.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ios 宽度:在ipad纵向模式下100%不延伸_Ios_Css_Ipad_Width_Portrait - Fatal编程技术网

Ios 宽度:在ipad纵向模式下100%不延伸

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纵向模式下,网页比视口宽。。。这很好,因

我有一个网页的宽度超过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%覆盖整个网页?

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

html {
    min-width: 1024px;
    }