Android 墨水邮件-使用块网格对邮件客户端没有影响

Android 墨水邮件-使用块网格对邮件客户端没有影响,android,css,gmail,zurb-foundation,zurb-ink,Android,Css,Gmail,Zurb Foundation,Zurb Ink,我在使用Zurb的Ink框架时遇到了显示块网格的问题 如果视口处于关闭状态,块栅格元素不会下推到下一行 使用例如GMail移动客户端使其变小 我尝试了很多方法,然后我开始内联块网格示例: zurb self的结果是一样的。使用手机仍无法读取电子邮件 GMail客户端,但Zurb建议使用块网格,因为GMail不支持媒体查询 现在我很困惑,这是zurb框架还是gmail客户端的问题 在Android上使用GMail应用程序(设备:Galaxy SIII):我遇到了这个问题,结果发现我的DOCTYP

我在使用Zurb的Ink框架时遇到了显示块网格的问题

如果视口处于关闭状态,块栅格元素不会下推到下一行 使用例如GMail移动客户端使其变小

我尝试了很多方法,然后我开始内联块网格示例:

zurb self的结果是一样的。使用手机仍无法读取电子邮件 GMail客户端,但Zurb建议使用块网格,因为GMail不支持媒体查询

现在我很困惑,这是zurb框架还是gmail客户端的问题


在Android上使用GMail应用程序(设备:Galaxy SIII):

我遇到了这个问题,结果发现我的DOCTYPE被CSS内联过程剥离了

检查您是否正确使用了Zurb样板中给出的XHTML Doctype

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

忽略此项或使用其他doctype可能会导致
td.block grid
元素随父表一起调整大小。包含doctype会导致
td.block grid
元素在可能的情况下保持其宽度,并重新流动到下一行

不幸的是,尽管我做了一些调查,但我还不能确定导致这种行为的规格差异

还请记住-如果您一直以HTML4或HTML5格式编写电子邮件,并且现在正在添加XHTML doctype,则应确保其余标记与XHTML兼容。特别是,请确保您使用的是自动关闭的元标记,或者在添加XHTML doctype时,一些移动客户端可能会忽略您的元视口标记