Question

当我将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行代码，并且必须搜索一段时间才能找到所有代码片段。但如果它需要我可以做到这一点。

Answer 1

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

即可

<head>

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

1 个答案: