CSS Media запрос для устройства iOS не работает? ⇐ CSS
-
Гость
CSS Media запрос для устройства iOS не работает?
Я использую приведенные ниже стили, чтобы попытаться настроить свой сайт на iPad (10-го поколения, 10,2 дюйма). Но по какой-то причине, когда я захожу на сайт на iPad, ни один из стилей не подбирается. Даже когда я используйте инструмент разработки Safari, он, похоже, не видит ни одного CSS, который я добавил в таблицу стилей:
Экран только @media и (минимальная ширина устройства: 768 пикселей) и (максимальная ширина устройства: 1024 пикселя) и (-webkit-min-device-pixel-ratio: 3) и (ориентация: портрет) { .master-контейнер { масштаб: 1,0 !важно; маржа-верх: -310 пикселей !важно; } .logo { выравнивание текста: по центру; отступ слева: 0%; ширина: 99%; } .welcome-fb { ширина: 99%; отступ слева: 0%; выравнивание текста: по центру; } } Есть идеи, что я здесь делаю не так? Как ни странно, мой CSS с ландшафтной ориентацией, использующий ту же самую структуру @media, ДЕЙСТВИТЕЛЬНО появляется на iPad...
Я использую приведенные ниже стили, чтобы попытаться настроить свой сайт на iPad (10-го поколения, 10,2 дюйма). Но по какой-то причине, когда я захожу на сайт на iPad, ни один из стилей не подбирается. Даже когда я используйте инструмент разработки Safari, он, похоже, не видит ни одного CSS, который я добавил в таблицу стилей:
Экран только @media и (минимальная ширина устройства: 768 пикселей) и (максимальная ширина устройства: 1024 пикселя) и (-webkit-min-device-pixel-ratio: 3) и (ориентация: портрет) { .master-контейнер { масштаб: 1,0 !важно; маржа-верх: -310 пикселей !важно; } .logo { выравнивание текста: по центру; отступ слева: 0%; ширина: 99%; } .welcome-fb { ширина: 99%; отступ слева: 0%; выравнивание текста: по центру; } } Есть идеи, что я здесь делаю не так? Как ни странно, мой CSS с ландшафтной ориентацией, использующий ту же самую структуру @media, ДЕЙСТВИТЕЛЬНО появляется на iPad...
Мобильная версия