Блог

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

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

#html #css #email #mobile

#HTML #css #Адрес электронной почты #Мобильный

Вопрос:

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

Я был thinking..is существует встроенный CSS для мобильных устройств, который определяет атрибут размера шрифта?

Спасибо!

Комментарии:

1. Вы хотите настроить таргетинг специально для мобильных браузеров?

2. Поскольку они единственные, у кого текст больше, чем у кого-либо еще, да.

Ответ №1:

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

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

Ответ №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;} 
}