【问题标题】:Media Query issue in Samsung Edge 6Samsung Edge 6 中的媒体查询问题
【发布时间】:2017-02-09 17:33:10
【问题描述】:

我正在使用引导程序创建一个响应式网站,但对于某些元素 我在下面使用@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;
}
}

【问题讨论】:

    标签: html css media-queries


    【解决方案1】:

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

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

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

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

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

    @screen-xs

    最大宽度为 480 像素。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-06-29
      • 2017-03-15
      • 2011-08-11
      相关资源
      最近更新 更多