1

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

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

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

期待您的回复。问候。

4

3 回答 3

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

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

于 2014-07-15T13:44:19.703 回答
-1 
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;
}

检查你的宽度..

于 2013-08-21T20:47:35.910 回答
-1

您是否在 HTML 的 head 标签中包含了 meta 标签？

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

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

于 2013-08-21T20:52:30.173 回答