我偶然发现雅虎邮件正在将所有高度属性转换为最小高度。这有解决方法吗?
<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;">
你试过给它最大高度55或56px吗?如果你这样做,高度应该没有其他地方强迫它成为你想要的。或者,您可以使用JS设置高度(如果支持)。
max-height:56px
与js:
document.getElementById('div_id').style.height = '55px';
解决这个问题:
把height: 55px;
放在放置在<style>
或<head>
的<body>
标签上。雅虎如果它在height
标签中定义,Mail将读取<style>
属性。
截至目前,Gmail支持@media查询,但最好将height
置于联机状态。根据我的说法,Gmail现在不再将height
转换为min-height
。
我相信你指的是雅虎!邮件。截至2019年4月,我自己遇到了这个问题,并且解决的是模拟高度属性效果否则会起作用:
<br class="yahoo-br" style="display:none; line-height:50px;"/>
给它一个像.yahoo-br
这样的类名,并为display: none;
设置内联样式,因此它不会显示在其他电子邮件客户端上。将<br/>
标记放在代码中需要高度的位置并添加line-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
截至目前,在2019年5月雅虎邮件仍然将内联风格height
转换为min-height
,所以我找到的解决方法是在你的内联风格中添加max-height
然后它将起作用。
在我的情况下,我有我的HTML中的图像,我只想要它的高度设置为30px
但雅虎将高度转换为最小高度。
所以它变得越来越大的图像,但我希望它更小,所以我已经应用max-height
内联风格,它的工作原理。
看到我的img
标签下面我已经采用了内联风格的max-height
。
<img src="<?php echo $url->assets ?>img/checked.png" style="height:30px;float: left;max-height:30px;" />