移动站点 - 右侧的空白区域

问题描述 投票:0回答:2

我有一个移动网站,我正面向右侧的空白区域(当我向左滚动页面时),如下所示:

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/

你能帮我找一个解决这个问题的方法吗?

谢谢。

javascript jquery css html5
2个回答
1
投票

Looks like your FB like iframe正在增加页面宽度。可能会有更多这样的东西增加宽度。


0
投票

如果你还没有,推杆

<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

© www.soinside.com 2019 - 2024. All rights reserved.