首先,我必须说,我在此站点上尝试了所有解决方案。我想width:100%
在主div上设置。它适用于台式机浏览器,但不适用于移动浏览器。这是我的主要div的CSS:
.main {
height: 100%;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: -66px;
opacity: 0.83;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
-webkit-box-shadow: 7px 7px 7px #CCC;
-moz-box-shadow: 15px 15px 15px #CCC;
box-shadow: 20px 20px 20px #000;
background-color: #FFFFFF;
color: #000000;
}
主体定义为:
html, body {
height: 100%;
}
body {
width: 100%;
height: 1100px;
background-color: #222930;
}
标头也设置为100%:
.header {
height: 93px;
width:100%;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
background-color: #F0EBEB;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
}
我试过了:
min-width: 100%;
为主体,标题,主要<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="viewport" content="width=800" />
transform: scale(.5);
...怎么了
编辑:当页面加载div为100%时。但是我可以向右滚动100px或更多px。overflow-x: hidden;
不起作用。
这是Safari浏览器的一个已知问题。您可以通过创建CSS视口或添加min-width
到CSS来修复它。
尝试min-width: 980px;
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句