<style type="text/css">
@media only screen and (max-device-width: 480px) {
td[class="body-copy"] {
font-size:36px !important
}
</style>
<td class="body-copy" style="font-family:Verdana, Geneva, sans-serif; color:#FFFFFF; font-
size:12px">Hi everyone</td>
Привет - Простой запрос на использование мультимедиа (усеченный выше) в моем письме не работает вообще при тестировании на iPhone. Что я делаю не так?@media запросы не работают
Спасибо, Jim
Попробуйте импортировать медиа = «экран»
<meta name="viewport" content="width=device-width, initial-scale=0, minimum-scale=1">
<style type="text/css" media="screen" >
@media all and (max-width: 500px) and (min-width: 50px) {
Также попробуйте макс-ширина вместо макс-устройство шириной, чтобы увидеть результат в вашем ПК
Сообщите мне, если он будет работать
Привет там - спасибо за вход, но, к сожалению, никаких изменений - даже не масштабируется в браузере, если я перетаскиваю окно меньше. – Jimbly2
Но я только что заметил, что в окне предварительного просмотра Dreamweaver он масштабируется, если я перетаскиваю окно поменьше ... – Jimbly2
Я рад, что это сработает для вас ... Удачи – KhaledMohamedP
Это потому что iPhone 5 имеет более высокое разрешение (1136 x 640 пикселей). Попробуйте увеличить максимальную ширину.
Кроме того, max-width работает лучше, чем max-device-width, так как я считаю, что он игнорирует плотность пикселей.
Если вы хотите нацеливать устройства с высоким разрешением, не запуская экран (ограничивая его пиксельными плотными экранами), вы также можете попробовать this. Не уверен, работает ли он для электронной почты html, поэтому дайте мне знать, как это происходит.
Привет, Джон - все еще не работает грустно, но спасибо за эту идею. – Jimbly2
Попробуйте потерять '[class =" "]' в ваших объявлениях запросов к медиа и посмотреть, работает ли он. Это поможет определить причину. Выполняются ли какие-либо запросы в отношении средств массовой информации? Кроме того, вы используете корпоративный адрес электронной почты? Иногда корпоративные фильтры могут их лишать. – John
Привет, Джон - это действительно сработало, но только в браузере. Если я перетащил окно браузера, то он будет работать, но он не работает в электронной почте! – Jimbly2
Версия iPhone? И почему у вас есть тэг 'td' без' table' ...? –
Привет - это iPhone 5 - я только что извлек элемент, к которому я применил класс, есть таблица, в которой он сидит. – Jimbly2
У меня нет устройства для тестирования, но просто используйте 'max-width' вместо...? [Основной пример здесь] (http://jsfiddle.net/SinisterSystems/82YS3/) –