Samsung Edge 6 中的媒体查询问题

Question

我正在使用引导程序创建一个响应式网站，但对于某些元素 我在下面使用@media 查询代码，它在所有设备中都可以正常工作。 但是

在三星 Galaxy Edge 6 和 7 (360px) 中不工作不受此查询影响

这是我的代码有什么问题？

@media (min-width: 360px) and (max-width: 360px)  {
.glyphicon {
    cursor: pointer;
    background: transparent none repeat scroll 0 0;
    color: #f05181;
    left: -190px !important;
    padding: 10px 10px 1px 10px;
    top: -75px !important;
}
}

Answer 1

这种情况永远不会发生，因为这两个宽度之间没有空格。

@media (min-width: 360px) and (max-width: 360px)

当您使用媒体查询时，您需要一个宽度差异，即 (10px)：

@media (max-width:350px) and (max-width: 360px)

或使用预定义的引导变量，如

@screen-xs

最大宽度为 480 像素。