雅虎将高度转换为最小高度

问题描述 投票:3回答:3

我偶然发现雅虎邮件正在将所有高度属性转换为最小高度。这有解决方法吗?

<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;">
html css height yahoo
3个回答
0
投票

你试过给它最大高度55或56px吗?如果你这样做,高度应该没有其他地方强迫它成为你想要的。或者,您可以使用JS设置高度(如果支持)。

max-height:56px

与js:

document.getElementById('div_id').style.height = '55px';

0
投票

解决这个问题:

height: 55px;放在放置在<style><head><body>标签上。雅虎如果它在height标签中定义,Mail将读取<style>属性。

截至目前,Gmail支持@media查询,但最好将height置于联机状态。根据我的说法,Gmail现在不再将height转换为min-height


0
投票

我相信你指的是雅虎!邮件。截至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


0
投票

截至目前,在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;" />
© www.soinside.com 2019 - 2024. All rights reserved.