Intereting Posts
Добавьте вкладки влево с помощью FragmentPagerAdapter Как отредактировать значение узла существующего файла XML с SD-карты и сохранить его обратно? Должен передавать разрешенные пиксельные измерения вместо идентификатора ресурса здесь: getResource (). GetDimession * (ViewGroup.LayoutParams.WRAP_CONTENT) Google API для Документов Google, запрашивающих список документов – 400 Bad Request Добавить фрагмент во фрагмент (вложенный фрагмент) Перемещение растрового изображения на холст Покрытие кода Jacoco в Android Studio с ароматами Android: как рисовать маршруты маршрутов Google Maps API V2 от текущего местоположения до пункта назначения Как скопировать растровое изображение в другое растровое изображение без использования createBitmap () и copy () на Android? PhoneGap для Android не принимает ключ 9 Как изменить цвет текста заголовка и цвет без изменения цвета текста меню переполнения текста в новой панели инструментов? Несколько просмотров с разной высотой в ViewFlipper Android: рисование на холсте, способ сделать нижние левые соответствуют (0,0)? IntelliJ / Android Studio – как активировать proguard для обфускации кода – шаг за шагом? Android studio Execution failed for task ': app: packageAllDebugClassesForMultiDex'

Есть ли способ отключения функции автоматического изменения размера Gmail в макете электронной почты?

Я выкладываю электронное письмо для просмотра в браузерах и мобильных платформах, и в основном все идет хорошо. Он выложен в таблицах, используя встроенный стиль и т. Д. Однако, несмотря на медиа-запрос с эффектом максимальной ширины 600 пикселей, приложение Gmail, по крайней мере, у моего и одного другого Android, к которому я имею доступ, выбирает изменение размеров изображений и Макет, чтобы вписаться в его область вместо использования медиа-запроса или позволить ему вставлять себя в окно, как правило, любой из них будет в порядке.

Для личного использования я могу «отключить автоматическое изменение размера» на своем телефоне, а затем электронная почта выкладывается, как в браузере.

Есть ли способ либо указать приложение Gmail, либо не изменять размер электронной почты, или вместо этого использовать медиа-запрос?

Поскольку Google делает сам (sic!) Здесь, вы должны добавить небольшой взлом поверх своего шаблона сразу после тэга <body> :

 <!-- Gmail hack --> <div style="display:none; white-space:nowrap; font:15px courier; color:#ffffff; line-height:0; width:600px !important; min-width:600px !important; max-width:600px !important;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div> <!-- /Gmail hack --> 

Поскольку Gmail и Inbox игнорируют display:none , взлома затронет только этих двух клиентов.

 <meta name="viewport" content="width=device-width, initial-scale=1"/> 

Затем установите атрибут style на изображении (1px gif works), который охватывает всю ширину страницы ( style="min-width:600px;" ). Все будет правильно выложено, и оно будет прокручиваться.

Gmail вообще не поддерживает медиа-запросы или тег стиля вообще, поэтому мы должны переместить все в ряд.

Вдохновленный css-tricks.com , этот блок кода решил мою проблему. Поместите его прямо перед </body> .

 <table class="gmail-app-fix"> <tr> <td> <table cellpadding="0" cellspacing="0" border="0" align="center" width="600"> <tr> <td cellpadding="0" cellspacing="0" border="0" height="1"; style="line-height: 1px; min-width: 200px;"> <img src="transparent.gif" width="200" height="1" style="display: block; max-height: 1px; min-height: 1px; min-width: 200px; width: 200px;"/> </td> <td cellpadding="0" cellspacing="0" border="0" height="1"; style="line-height: 1px; min-width: 200px;"> <img src="transparent.gif" width="200" height="1" style="display: block; max-height: 1px; min-height: 1px; min-width: 200px; width: 200px;"/> </td> <td cellpadding="0" cellspacing="0" border="0" height="1"; style="line-height: 1px; min-width: 200px;"> <img src="transparent.gif" width="200" height="1" style="display: block; max-height: 1px; min-height: 1px; min-width: 200px; width: 200px;"/> </td> </tr> </table> </td> </tr> </table> 

(Протестировано с Gmail 6.0 и Inbox 1.20 на Android 5.0.1, разрешение 720×1280 (работает как в портретной, так и в альбомной ориентации)).

Я просто добавил style = "min-width: 290px;" На мой внешний стол, который является самым маленьким размером моего отзывчивого сообщения электронной почты и его остановил перемещение моих блоков вокруг и не автомасштабирует. Это означает, что в приложении Gmail электронная почта отображается как целое электронное письмо.