В настоящее время мы живем со многими мобильными устройствами, такими как ноутбуки, мобильные телефоны и планшеты, и их размеры экрана различны и различны. Это стало более сложным для веб-разработчиков. Сегодня мы расскажем о медиа-запросах 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]