Условные медиазапросы в CSS

Question

У меня есть несколько стилей, которые нужно применять только на стандартных экранах компьютеров с разрешением 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.

PS Ответ «нет, это невозможно», подкрепленный официальной информацией, также будет принят.

Answer 1

Разделите несколько селекторов запятой, вы можете сделать это и с медиа-запросами:

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