我有一个移动网站,我正面向右侧的空白区域(当我向左滚动页面时),如下所示:
1 - 正常页面:
2 - 向左滚动页面:
所有页面内容都在“容器”id内。该网站被划分为5个div,称为“secao”。
body{
background-color: #323031;
padding: 0;
margin: 0;
font-family: Planer;
color: #FFF;
font-size: 10px;
overflow-x: hidden;
}
html, body {
height:100%;
}
#container{
width: 100%;
display: none;
}
.secao{
position: relative;
float: left;
width: 100%;
}
如果我改变.secao CSS插入边框:1px纯红色,我得到它:
在这里您可以找到网站:http://www.camona.com.br/ideaos/site/laboratorio/mobile/
你能帮我找一个解决这个问题的方法吗?
谢谢。
Looks like your FB like iframe正在增加页面宽度。可能会有更多这样的东西增加宽度。
如果你还没有,推杆
<meta name="viewport" content="width=device-width, initial-scale=1.0">
在<head>
部分应该做的伎俩。如果您愿意,可以阅读更多相关信息:https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html