Есть ли способ настроить таргетинг на iPhone независимо от устройств Android и наоборот с помощью медиа-запросов CSS. Это для электронной почты в формате HTML.
Мы пробовали несколько методов, но все они, похоже, пересекаются.
Мы хотим ограничить размеры таблиц на устройствах с максимальной шириной устройства 480, но только для устройств на базе Android.
Ниже то, что я пробовал совсем недавно. iPhone (тестирование в Litmus) игнорирует второй медиа-запрос и сохраняет ширину 300 пикселей.
@media only screen
and (min-device-width : 320px)
and (max-device-width : 320px) {
/* Styles */
table[class="table"], td[class="cell"] {
width: 300px;
}
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
table[class="table"], td[class="cell"] {
width: 100%;
}
}