css - 如何使 Zurb 电子邮件*不*响应

Question

我有一个使用 Zurb 墨水做很多事情的项目，但特别是一封电子邮件是一张发票，当我在较小的屏幕上时，我不想移动其表格（我宁愿滚动）。

有没有一种简单的方法来禁用包装？

Answer 1

由于 css 的工作方式（级联样式表），您需要在样式标记的邮件顶部的媒体查询中覆盖内联样式和包装 !important 行。

例如：

@media only screen and (max-width: 480px){
 td .example { width: 100% !important };
}

或者，如果您使用 Inky，则仅使用标签large上的属性。<columns>因此，该small属性将复制该属性的值large。