Запросы CSS/Media

Question

Я использовал шаблон 1-столбца Mailchimp для создания приглашения по электронной почте.

Однако, когда я экспортирую HTML-код, отрисуйте его с помощью инструмента Inliner для веб-сайта Mailchimp и отправьте тестовое сообщение на мой адрес электронной почты.

В Outlook это выглядит нормально, но оно не отображается правильно в приложении Gmail. Я понимаю, что в приложении Gmail он не поддерживает медиа-запросы.

Могу ли я узнать, что еще может сделать мой шаблон для мобильных устройств, кроме настройки медиа-запросов?

Answer 1

Используйте процентные измерения для компонентов компоновки. Таким образом, вы можете создать веб-сайт, который работает на гораздо большем диапазоне размеров экрана. Вы можете комбинировать этот подход со мультимедийными запросами - например, вы можете указать, что на вашем сайте имеется меню навигации шириной 25% и область содержимого на уровне 75% на устройствах, размер которых превышает 400 пикселей, но меньше, чем это, и он сворачивается к разметка одного столбца с меню скрыта и доступна только через значок панели меню.