Замена тега Meta Viewport в HTML-письмах с помощью альтернативного решения CSS

Мы удалили теги meta viewport <meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale = 1.0" /> из наших электронных писем HTML, чтобы увеличить поддержку старых Blackberry. Это документировано, чтобы потенциально вызвать пустые экраны, по крайней мере, в соответствии с блогами в основных службах тестирования электронной почты.Замена тега Meta Viewport в HTML-письмах с помощью альтернативного решения CSS

Единственный недостаток, который мы наблюдали в тестировании, - это сокращение результатов на Windows Phone HTC HD7. (https://litmus.com/pub/71916b3) В тестах Litmus, включая тег, отображается страница со 100% масштабированием. Когда он удаляется, он показывает, что адрес электронной почты уменьшен до соответствия экрану. Это происходит даже тогда, когда нет проблем с другими мобильными платформами.

Есть ли еще одна техника CSS, которая может заменить тег и обойти это?

Тег включен в один из наиболее известных HTML email boilerplate templates. На практике мы видели только проблемы с -webkit-text-size-adjust: none;, вызывающие пустые экраны BB.

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

источник

2013-09-15 jsuissa

Первоначально он был включен только потому, что мы видели его в шаблонах, но вне проблемы с Windows Phone мы не видим различий. Кажется устаревшим. Подумайте, что это помогло исправить размерность пикселей: плотность пикселей - но для этого есть еще один метатег. – jsuissa

Какова цель включения метатега 'viewport'? –

С тегом Viewport Windows Phone 7.5 в тестах Litmus показывает страницу со 100% масштабированием. Когда он будет удален, он покажет, как уменьшить адрес электронной почты для экрана. Даже когда нет проблем с другими мобильными платформами. – jsuissa

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

Я не вижу никакой проблемы с ежевикой и Windows Phone 7,5 оказывает на 100%

<!--[if IE]> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
<![endif]-->

источник

2013-09-29 23:05:26 jsuissa

консорциум W3C является опорной a CSS solution в любом случае, хотя это будет некоторое время, пока не будет полным поддерживаются. Однако Microsoft, похоже, be on board with it, поэтому вы можете попробовать это.

Синтаксис без префикса @viewport, а Microsoft использует @-ms-viewport.

источник

2013-10-04 01:32:34 user137369

Спасибо. Я проверил это и не повезло с Windows Phone 7.5. Решение, о котором я упоминал ниже, похоже, работает, но для Windows Phone 8 это замечательно. Разве вы не пробовали это с 7.5? В любом случае цените источники и достойны щедрости. – jsuissa

Спасибо. Я не пробовал это с 7.5, нет, я только что недавно прочитал об этом, и хотя стоит попробовать. – user137369

Замена тега Meta Viewport в HTML-письмах с помощью альтернативного решения CSS

ответ

Смежные вопросы