iPad mini CSS Media Queries Примеры кода (книжная и альбомная ориентация)

Примеры кода для iPad mini CSS Media (портрет и ландшафт)

В настоящее время мы живем со многими мобильными устройствами, такими как ноутбуки, мобильные телефоны и планшеты, и их размеры экрана различны и различны. Это стало более сложным для веб-разработчиков. Сегодня мы расскажем о медиа-запросах CSS для iPad Mini. Надеюсь, что это поможет вам разработать сайт.

iPad Mini Портрет

[CSS]
@media только экран и (min-device-width: 768px) и (max-device-width: 1024px) и (ориентация: портрет) и (-webkit-min-device-pixel-ratio: 1) {

#div {ширина: 500;}

}
[/ CSS]

iPad Mini Пейзаж

[CSS]
@media только экран и (min-device-width: 768px) и (max-device-width: 1024px) и (ориентация: альбомная ориентация) и (-webkit-min-device-pixel-ratio: 1) {

#div {ширина: 500;}

}
[/ CSS]

iPad Mini Портрет Пейзаж

[CSS]
@ media only screen и (min-device-width: 768px) и (max-device-width: 1024px) и (-webkit-min-device-pixel-ratio: 1) {

#div {ширина: 500;}

}
[/ CSS]

Ссылка на основную публикацию