Samsung Edge 6中的媒体查询问题

Question

我正在创建一个带有bootstrap的响应式网站，但是对于某些元素 我使用下面的@media查询代码在所有设备上都能正常工作。 但

此查询无法在Samsung 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

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

http://example.com/02.mv

使用媒体查询时，您需要宽度差异，即（10px）：

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

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

  

@屏幕-XS

最大宽度为480px。