Question

我有一个移动网站，我正面向右侧的空白区域（当我向左滚动页面时），如下所示：

1 - 正常页面：

enter image description here

2 - 左侧滚动页面：

enter image description here

所有页面内容都在“容器”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纯红色，我明白了：

enter image description here

在这里您可以找到网站：http://www.camona.com.br/ideaos/site/laboratorio/mobile/

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

感谢。

Answer 1

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

Answer 2

如果您还没有，请

<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

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

2 个答案: