通过Gmail强制收件箱呈现桌面版本？ [英] Force Inbox by Gmail to render desktop version?
问题描述
我正在为一个客户设计电子邮件/ html模板，我们希望该模板尽可能地好，并尽可能地在尽可能多的客户上呈现。
问题是Gmail App正在呈现移动版本，我花了几个小时来尝试解决许多问题，但最后我放了一个最小宽度为610px的隐藏td来强制Gmail App呈现桌面版本。我知道这是一个快速修复程序，但是我发现尝试修复Gmail应用程序呈现模板的桌面版本时遇到的许多问题太耗时。
示例
< !!-GMAIL APP FIX [START ]->
< table cellpadding = 0 cellspacing = 0 border = 0 align = center width = 610px class = response-table gmail-hide style = text-decoration：none ; border：0px纯白色；>
< tr>
< td cellpadding = 0 cellspacing = 0 border = 0 style = background-color：white; line-height：2px; height = 2px;最小宽度：610px;>
< img src =＃ height = 2px width = 610px style = max-height：2px; min-height：2px; display：block; width：610px; min-width：610px ; />
< / td>
< / tr>
< / table>
<！-GMAIL APP FIX [END]->
当gmail呈现移动版本时，我遇到的问题很多。最重要的是对齐问题和填充。我有两列布局，在移动版本中，由于条件条件CSS已被gmail分隔，因此我的条件CSS无效。因此，我真的看不到如何仅使用内嵌CSS就能轻松解决此问题。
现在，我发现我对Gmail收件箱也存在同样的问题。据我了解，Gmail的Inbox是相当新的东西，在搜索Webb时，我发现的文章很少或根本没有描述该新客户端/应用程序的某些方法。
我在寻找什么for是一种可能的方式，通过Gmail强制Inbox呈现桌面版本。正如我目前正在为Gmail Apps做的那样。但是，也许那不可能吗？
由于Gmail收件箱很安静，这是我在网上发现的有关Gmail收件箱的唯一值得关注的链接：
-
https://litmus.com/blog/a-first-look-at-inbox-by-gmail-what-email-marketers-need-to-know
-
https://litmus.com/community/code/787-email-rendering-in-new-gmail-inbox-app
感谢您的回答。
最简单，最简单的解决方案我发现是定义一个内联 font-size ，并将其标记为！important 。否则，Gmail会自行调整多达50％的字体大小！
来源：
http://css-tricks.com/override-gmail-mobile-optimized-email
I am working on a email/html template for a customer which we would like to render as good as possible and on as many clients as possible.
My initial problem was that Gmail App was rendering the mobile version and I spent some hours to try to fix the many issues but in the end I placed a hidden td with a minimum width of 610px to force Gmail App to render the desktop version. I know that was a quick fix but I found it too time consuming to try to fix the many issues I had when Gmail App rendered the desktop version of my template.
Example of the code block I used to force Gmail Apps to render the desktop version.
<!--GMAIL APP FIX [START]-->
<table cellpadding="0" cellspacing="0" border="0" align="center" width="610px" class="responsive-table gmail-hide" style="text-decoration: none; border: 0px solid white;">
<tr>
<td cellpadding="0" cellspacing="0" border="0" style="background-color:white; line-height:2px;" height="2px; min-width: 610px;">
<img src="#" height="2px" width="610px" style="max-height:2px; min-height:2px; display:block; width:610px; min-width:610px;" />
</td>
</tr>
</table>
<!--GMAIL APP FIX [END]-->
The issues I had when gmail rendered the mobile version was many. The most significant was alignment issues and padding. I had a two column layout and when in mobile version my conditional css were not in effect due to they have been striped by gmail. So I dont really see how one can in a easy way fix this with only inline css.
Now I have discovered that I have the same problems with Inbox by Gmail. As I understand Inbox by Gmail is fairly new and when searching the webb I find little or none articles that describes some approach to this new client/app.
What I am looking for is a way if possible, to force Inbox by Gmail to render the desktop version. As I currently are doing for Gmail Apps. But maybe that is not possible to do?
As Inbox by Gmail is quiet new this is the only worth noticing links I have found on the web concerning Inbox by Gmail:
https://litmus.com/blog/a-first-look-at-inbox-by-gmail-what-email-marketers-need-to-know
https://litmus.com/community/code/787-email-rendering-in-new-gmail-inbox-app
Grateful for answers.
The simplest and easiest solution I've found is to define an inline font-size, and mark it as !important. Otherwise the Gmail takes it upon itself to adjust the font-size by as much as 50%!
Source:
http://css-tricks.com/override-gmail-mobile-optimized-email
这篇关于通过Gmail强制收件箱呈现桌面版本？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
