我偶然发现Yahoo邮件正在将所有高度属性转换为min-height。有解决方法吗？
<div style="width:55px; height:55px; overflow:hidden;">
<img alt="user pic" src="assets/main.jpeg" width="55px" />
</div>
上面代码的目标是隐藏图像的底部，如果它高于55px。我已经在hotmail和aol中对此进行了测试，它运行正常。只有雅虎似乎将我的身高转变为最小高度：
<div style="width:55px; min-height:55px; overflow:hidden;">
答案 0 :(得分：0)
你试过给它最大高度55或56px吗？如果你这样做，高度应该没有其他地方强迫它成为你想要的。或者，您可以使用JS设置高度（如果支持）。
max-height:56px
使用js：
document.getElementById('div_id').style.height = '55px';
答案 1 :(得分：0)
解决此问题：
将height: 55px;放入放置在<style>或<head>中的<body>标记中。雅虎如果height标记中定义了<style>属性，则邮件会读取该属性。
目前，Gmail支持@media查询，但最好将height置于联机状态。根据我的说法，Gmail现在不再将height转换为min-height。
答案 2 :(得分：0)
我相信您指的是Yahoo!邮件。截至2019年4月，我本人已经遇到了这个问题，解决方法是模拟height属性的效果，否则该方法将是执行以下操作：
<br class="yahoo-br" style="display:none; line-height:50px;"/>
给它一个类名，例如.yahoo-br并将内联样式设置为display: none;，这样它就不会显示在其他电子邮件客户端上。将<br/>标签放在代码中需要高度的位置，并添加一个line-height属性，其值可以等效于height属性值。基本上，这将完全像一个height属性。
以Yahoo!为目标邮件，您可以这样在<style>标签的<head>中添加css：
/* Yahoo! specific CSS */
br.yahoo-br { display: none; }
@media screen yahoo {
br.yahoo-br { display: block !important; }
}
有关如何定位Yahoo!的更多信息在这里找到邮件：The New Yahoo! Mail and How to Target It
答案 3 :(得分：0)
截至2019年5月，Yahoo邮件仍将内联样式height转换为min-height，所以我发现解决方法是将max-height也加入内联样式，然后它将有效。
在我的情况下，我的html中有图像，我只希望将其高度设置为30px，但是 yahoo将高度转换为最小高度。
因此它正在变大，但是我希望它变小，所以我以内嵌样式应用了max-height并且有效。
请参阅下面的img标签，我已经以内联样式应用了max-height。
<img src="<?php echo $url->assets ?>img/checked.png" style="height:30px;float: left;max-height:30px;" />
答案 4 :(得分：0)
没有样式的直接高度属性适用于yahoo之类的
<div height="55px" style="width:55px; overflow:hidden;">