小编Yun*_*nan的帖子

如何为chrome和Firefox设置@media(最小宽度)和(最大宽度)

我想为平板电脑设备设置一些CSS规则,为此,我尝试为769px至991px之间的屏幕设置这些规则。当我做 :

@media (min-width: 769px) and (max-width: 991px) {
    .img-circle {
        width: 50%;
    }
}
Run Code Online (Sandbox Code Playgroud)

它适用于chrome,但是firefox无法使用,当我尝试添加括号时:

@media ((min-width: 769px) and (max-width: 991px)) {
    .img-circle {
        width: 50%;
    }
}
Run Code Online (Sandbox Code Playgroud)

它适用于forefox,但不适用于chrome!如果您有一个主意:)我不知道

问候

html css firefox google-chrome media-queries

2
推荐指数
1
解决办法
9942
查看次数

标签 统计

css ×1

firefox ×1

google-chrome ×1

html ×1

media-queries ×1