twitter-bootstrap - 您可以将一个媒体查询嵌套在另一个媒体查询中吗?

标签 twitter-bootstrap css media-queries

<分区>

我有一个仅在设备宽度为平板电脑或更低“最大宽度:1024 像素”时才会出现的问题。是否可以将媒体查询嵌套在另一个媒体查询中?

@media screen and (max-width:1024px){
     @media screen and (-webkit-min-device-pixel-ratio:0)
     { 
        /* Safari and Chrome */
        ul#squareImgUL{
            bottom: 10px;
        } 

        /* Safari only override */
        ::i-block-chrome,ul#squareImgUL{
            bottom: 0px !important;
        } 
    }
}

最佳答案

不幸的是你不能,但将它们配对也能正常工作

@media screen and (max-width:1024px) and (-webkit-min-device-pixel-ratio:0){

}

关于twitter-bootstrap - 您可以将一个媒体查询嵌套在另一个媒体查询中吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30790099/

上一篇:javascript - 谷歌地图未全宽显示

下一篇:jquery - 将每个元素悬停在 ul 不同的颜色

相关文章:

html - 如何在媒体 CSS 中更改 DIV 的操作

jquery - 未满足的对等依赖 jquery@>=3.0.0 & popper.js@^1.11.0

ruby-on-rails - 导入一个css库

javascript - Bootstrap 将数据传递到模态框

html - 带 anchor 的纯 CSS/HTML 下拉菜单

html - 当图像最终通过媒体查询隐藏时,延迟和手动控制 <img> 加载

ios - 使用媒体查询检测 Mobile Safari 全屏模式

html - Bootstrap 轮播标题无响应

html - 是什么导致这个 div 的位置发生变化?

html - Chrome/Firefox 布局很棒 - Safari 出现故障 - 没有使用 float