0

使用 Zurb 的 Ink-Framework 时显示块网格时遇到问题。

如果使用例如 GMail 移动客户端使视口变小，则块网格元素不会下推到下一行。

我已经尝试了很多东西，然后我才开始内联块网格示例：

http://zurb.com/ink/docs/examples/basic-block-grid.html

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

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

在 Android 上使用 GMail-App（设备：Galaxy SIII）：图片

4

1 回答 1

0

我遇到了这个问题，结果证明我的 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 文档类型，则应确保您的其余标记与 XHTML 兼容。特别是，确保您使用的是自闭合元标记，或者当您添加 XHTML 文档类型时，某些移动客户端可能会忽略您的元视口标记

于 2015-03-31T21:46:16.477 回答