@media max-width不适用于移动浏览器?

时间:2017-02-01 15:15:36

标签: html css media-queries

当我将html代码检查器放在移动设备上时,我的@media only screen and (max-width:860px;){无法在浏览器上运行。

主要在this图片上进行了解释。

它适用于我的其他@media代码,例如:

@media only screen and (max-width: 1000px) {
    .extramargin {
        margin-left: 0;
    }
    #click {
        margin-left: 40px;
        width: 90%;
    }
}

如果需要更多代码,我可以发送更多代码。我不知道我的代码的哪一部分导致我有1200行代码,并且必须搜索一段时间才能找到所有代码片段。但如果它需要我可以做到这一点。

1 个答案:

答案 0 :(得分:2)

您必须告诉浏览器您希望设备的宽度为设备的ACTUAL宽度。因此,您必须设置视口。 只需将其添加到 before(:each) do mock_sql = double(:select=> sql_select_return) allow(LogStash::JavaMysqlConnection).to receive(:new).and_return(mock_sql) end 部分

即可
<head>