ios - 墨迹响应电子邮件 : Trouble with block-grid, 需要帮助

标签 ios css responsive-design padding html-email

我已使用您的 block 状网格模板进行一些自定义以匹配电子邮件概念,以实现可在移动和桌面电子邮件客户端中使用的响应式设计。从技术上讲,在较小的屏幕上,右栏需要移到第一栏下方。我还使用了您的 CSS 内联器。它运作良好,除了一个让我发疯的小问题!在我的 iPhone 4S (v. 7.1.1) 上,Apple Mail 的布局在最右侧显示了大量的填充,而不是将表格一直延伸到整个屏幕。表头和后面的表 block 会受到影响,就像它们在右侧有填充一样。我已将宽度设置为 100%,但它似乎不起作用。我已经更改了包含的代码中表格单元格的背景颜色,以便查看表格的定义方式。

http://www.aetna.com/creativeservices/email/healthyapps/HAoffer_test3d_justTables_plain.html

有什么建议可以说明为什么表格没有扩展并且在添加额外填充时表现不正常吗?

提前感谢您的反馈。 阿提拉

最佳答案

看起来类名为“apps”的表仍然设置为 315px,即使在较小的媒体查询中也是如此。我相信将其设置为 100% 应该可以解决您的问题。

关于ios - 墨迹响应电子邮件 : Trouble with block-grid, 需要帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23526913/

相关文章:

javascript - "resolution"媒体查询引用实际屏幕

ios - 带有通过服务器更新的动态问题的 iPhone 问答游戏 (Parse/JSON)

ios - 如何本地化 iMessage 贴纸?

html - 具有内在比率的响应式 DIV,可水平和垂直缩放

css - 为什么我的 div 在添加多张图片时没有水平滚动?

html - CSS text-overflow 属性 ellipsis 可以应用于垂直滚动文本吗?

jquery - 如何让模态框响应?

iphone - 以编程方式模拟 iPhone 上的键盘事件

iphone - 从 UIPageViewController 中移除 View Controller

使用 Google Maps API 进行 CSS 定位