雅虎邮件用最小宽度替换内联宽度
Yahoo mail replacing inline width with min-width
在过去的几天里,我们发现我们的时事通讯无法像以前在 Yahoo Mail 中那样打印出来。一些 <td>
元素占用了他们应该占用的更多 space。经过一些检查,我们发现内联样式中的 width
属性被 min-width
.
替换了
我试图查看 Yahoo Mail 中是否有任何更改,但我找不到任何内容。我在 github 中发现的唯一问题解释了这种行为是如何在 Yahoo 和 Gmail 中发生的 height
。我已经检查了 Gmail,但它没有发生,上周在 Yahoo Mail 中一切正常。
有人遇到同样的问题吗?有人知道对此的解释吗?
This is one of the newsletters suffering the problem, and this is how we see it now.
,这是答案:
快速修复,将其放入您的 <style>
标签中:@media yahoo {min-width:0!important}
此 change/bug 在发帖时是全新的。雅虎现在将宽度更改为最小宽度,打破了混合布局等。在 the Litmus Community.
中对其他 hack 进行了很好的讨论
- Table 对我而言,元素是按钮的父元素。
- 对于(父)table 元素,我将“!important”放在 "min-width" 旁边,没有空格。
- 把html放在"inline"。请参阅以下示例:
<table align="center" width="200px" bgcolor="#0076be" style="border-spacing:0;Margin:0 auto;width:95%;max-width:200px; min-width:0%!important;">
- 按钮元素没有 "width".
的内联样式元素
- 参见下面的示例:
<a href="[[asset_1]]" style="color: #fff;text-decoration: underline;"><img src="[[asset_3]]" width="195px" style="border-width:0;max-width: 195px; height:auto;display:block;margin:0 auto;" border="0" alt="Click Show Images to Make Links Work"></a>
在过去的几天里,我们发现我们的时事通讯无法像以前在 Yahoo Mail 中那样打印出来。一些 <td>
元素占用了他们应该占用的更多 space。经过一些检查,我们发现内联样式中的 width
属性被 min-width
.
我试图查看 Yahoo Mail 中是否有任何更改,但我找不到任何内容。我在 github 中发现的唯一问题解释了这种行为是如何在 Yahoo 和 Gmail 中发生的 height
。我已经检查了 Gmail,但它没有发生,上周在 Yahoo Mail 中一切正常。
有人遇到同样的问题吗?有人知道对此的解释吗?
This is one of the newsletters suffering the problem, and this is how we see it now.
快速修复,将其放入您的 <style>
标签中:@media yahoo {min-width:0!important}
此 change/bug 在发帖时是全新的。雅虎现在将宽度更改为最小宽度,打破了混合布局等。在 the Litmus Community.
中对其他 hack 进行了很好的讨论- Table 对我而言,元素是按钮的父元素。
- 对于(父)table 元素,我将“!important”放在 "min-width" 旁边,没有空格。
- 把html放在"inline"。请参阅以下示例:
<table align="center" width="200px" bgcolor="#0076be" style="border-spacing:0;Margin:0 auto;width:95%;max-width:200px; min-width:0%!important;">
- 按钮元素没有 "width". 的内联样式元素
- 参见下面的示例:
<a href="[[asset_1]]" style="color: #fff;text-decoration: underline;"><img src="[[asset_3]]" width="195px" style="border-width:0;max-width: 195px; height:auto;display:block;margin:0 auto;" border="0" alt="Click Show Images to Make Links Work"></a>