Можно ли сделать CSS исключительно для мобильных устройств в электронной почте?

Question

Мои электронные письма выглядят великолепно во всех браузерах и парсерах почты, но на iPhone текст больше, чем должен быть.

Я думал ... есть ли встроенный CSS для мобильных устройств, который определяет атрибут font-size?

Спасибо!

Answer 1

Это остановит iPhone, изменяя размер вашего текста -webkit-text-size-adjust:none;

Эта - отличная статья о дизайне электронной почты, в которой упоминается именно эта проблема и ее решение (в нижней части).

Answer 2

Вы можете повторить медиа-запросы еще раз, это спецификация CSS3, поэтому в зависимости от почтового клиента, отрисовывающего электронное письмо, оно может отображаться неправильно на 100%, http://www.w3.org/TR/css3-mediaqueries/

Вот некоторая разметка для начала:*

@media screen and (max-width: 320px) and (orientation: portrait) 
{ 
    body{background:#F0F;} 
}
@media screen and (min-width: 321px) and (max-width: 480px) and (orientation: portrait) 
{
    body{background:#F00;}
}
@media screen and (max-width: 480px) and (orientation: landscape) 
{ 
    body{background:#0F0;} 
}
@media screen and (min-width: 481px) and (max-width: 800px) and (orientation: landscape) 
{ 
    body{background:#FF0;} 
}