Адаптивная электронная почта без медиа-запроса или функции cal c () [как Office 365, так и новый Outlook.com] - PullRequest
Новая
       86

Адаптивная электронная почта без медиа-запроса или функции cal c () [как Office 365, так и новый Outlook.com]

0 голосов
/ 16 июня 2020

Как я могу скрыть изображение, когда экран становится меньше, без использования медиа-запроса или функции cal c () в моем адаптивном шаблоне электронной почты?

Мне нужно использовать встроенный стиль, потому что я не могу добавить CSS или использовать блок стилей каким-либо образом (это связано с природой настраиваемого приложения для отправки почты), поэтому медиа-запросы не подходят для меня, и функция cal c () не работает в Outlook - это просто удаляет это.

Я следовал рекомендациям техники Fab Four (https://www.freecodecamp.org/news/the-fab-four-technique-to-create-responsive-emails-without-media-queries-baf11fdfa848/# .mewdyxnz5 ), но мне это не помогло.

1 Ответ

1 голос
/ 18 июня 2020

Вам понадобится @media, но вы можете включить блок <style> в <body>.

Для полноты / других, вы можете сделать что-то вроде этого: 

<style type="text/css">
@media screen and (max-width:600px) {
  .hideMobile { display:none!important; }
}
</style>
<img class="hideMobile" src="..." width="xxx" />
...