плотность пикселей и максимальная ширина медиазапроса
Я пытаюсь создать правило, которое включает / исключает, основываясь как на максимальной ширине, так и на соотношении пикселей к устройству. Например, если я хочу, чтобы Kindle Fire @ 600px был исключен, но iPhone5 @ 640 (меньший экран реального мира) был запущен.
Делает ли следующее правило И или ИЛИ? Предполагая, что оно создает правило ИЛИ, как бы мне создать правило, которое выполняет функцию типа И (должно пройти обе проверки 'device-pixel-ratio of 2' И 'max-width 749px', чтобы сработать)
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (max-width: 749px){
}
РЕДАКТИРОВАТЬ НИЖЕ:
Хорошо, вот что у меня есть - я думаю, запятые - это ИЛИ, а "и" - это, очевидно, И. Это верно? Я пытаюсь сделать более универсальный набор запросов, ориентированных не только на iPhone / iPad ...
@media
only screen and (max-device-width : 721px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-device-width : 721px) and (orientation : portrait) and (min-device-pixel-ratio: 1.5),
only screen and (max-width: 359px) {
/* All Portrait Phones */
}
@media
only screen and (min-device-width : 360px) and (max-device-width : 999px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-width : 360px) and (max-device-width : 999px) and (min-device-pixel-ratio: 1.5),
only screen and (max-width: 999px) {
/* Small tablets (assume vertical) and landscape phones */
}
/*note - Anything over 999 wide to render fully - desktop, landscape or large tablets */