Как применить медиа-запрос для iPad?

Question

Я оптимизирую свой веб-сайт для большинства популярных устройств, используя медиа-запросы в файле CSS. Проблема, приведенная ниже, не работает на iPad:

@media only screen and (min-device-width: 415px) and (max-device-width: 768px) {

, хотя iPad имеет ширину 768 пикселей, CSS все испорчено. Интересно, что когда я использую симулятор мобильного устройства в инструментах разработчика, все выглядит нормально.

Есть ли какие-то подводные камни, о которых я должен знать?

Answer 1

А вы пробовали вот так. Оставьте устройство и просто введите min-width или max-width:

@media (min-width: 415px) and (max-width: 768px) { css here }