CSS中的条件媒体查询

时间:2019-03-26 19:46:30

标签: css media-queries

我有些样式只需要应用于分辨率为1280px +的标准计算机屏幕上(而不是应用于具有相同屏幕宽度的平板电脑上)。

@media screen and (min-width:1280px) and (-webkit-device-pixel-ratio: 1) {

//something

}

但并非所有浏览器都支持-webkit-device-pixel-ratio,因此在这些样式上根本无法应用。

是否可以使此类浏览器忽略-webkit-device-pixel-ratio并仅在min-width条件下运行?没有JavaScript。

P.S。在官方信息的支持下,“不可能,不可能”的答案也将被接受。

1 个答案:

答案 0 :(得分:0)

用逗号分隔多个选择器,您也可以对媒体查询执行此操作:

@media screen and (min-width:1280px) and (-webkit-device-pixel-ratio: 1),
screen and (min-width:1280px) {
  //something
}