三星边缘6中的媒体查询问题

Question

我正在创建一个响应网站与引导，但对于某些元素，我使用@媒体查询代码，以下是工作良好的所有设备。但

没有在三星Galaxy 6和7(360 by )中工作，此查询不影响任何

这是我的代码，怎么了？

@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)

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

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

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

@screen xs

最大宽度为480 of。