Question

我忽略了所有的网络（我猜），并试图找到这个任务的解决方案：我有所有要求在移动设备上显示正确的内容（我的意思是元媒体和css媒体等），但在我的Android手机上我可以滚动到右边。我检查了是否没有宽度超过320px的div。我正在谈论的网站是http://vasiliib.p.ht/leverage/

我认为这是因为我的页面内容并创建了一个单独的页面http://vasiliib.p.ht/leverage/mobile.html。这里我插入了简单的html代码。并且，存在同样的问题..

我很沮丧..请清理我的眼睛..并告诉我我的错误，请...

期待您的回复。问候。

Answer 1

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

这是正确的答案。它完美地运作。

Answer 2

body{
 margin:0px;
}

应为：

body{
 margin:0 auto;
}

你在哪里处理你的响应式设计？

还有：

.bg-course-content-02 {
    background-image: url("http://vasiliib.p.ht/leverage/files/css/../img/bg-course-content-02.png");
    margin-left: -970px;
    width: 923px;
    height: 555px;
}

此：

.bg-course-content-04 {
    background-image: url("http://vasiliib.p.ht/leverage/files/css/../img/bg-course-content-04.png");
    margin-left: -970px;
    width: 923px;
    height: 555px;
}

和此：

.bg-course-content-06 {
    background-image: url("http://vasiliib.p.ht/leverage/files/css/../img/bg-course-content-06.png");
    margin-left: -970px;
    width: 923px;
    height: 555px;
}

检查你的宽度..

Answer 3

您是否已将meta标记包含在HTML的head标记内？

<meta name="viewport" content="width=device-witdh, initial-scale=1">

该元标记将页面宽度设置为设备的宽度。

移动内容宽度（正文）=媒体宽度，但用户仍可以滚动

3 个答案: