css Yahoo将身高转换为min-height

yrwegjxp 于 2023-06-25 发布在其他

关注(0)|答案(6)|浏览(103)

我刚刚偶然发现了一个事实，雅虎邮件正在将所有的身高属性转换为min-height。对此是否有解决方法？

<div style="width:55px; height:55px; overflow:hidden;">
   <img alt="user pic" src="assets/main.jpeg" width="55px" />
</div>

上面代码的目的是隐藏图片的底部，如果它高于55 px。我已经在hotmail和aol上测试过了，运行良好。只有雅虎似乎将我的身高转换为最小身高：

<div style="width:55px; min-height:55px; overflow:hidden;">

css

来源：https://stackoverflow.com/questions/24708089/yahoo-transforms-height-into-min-height

6条答案

按热度按时间

os8fio9y1#

没有样式的直接高度属性适用于Yahoo like

<div height="55px" style="width:55px; overflow:hidden;">

赞(0）回复(0）举报 2023-06-25

lmyy7pcs2#

要解决此问题，请执行以下操作：
将height: 55px;放入<style>标记中，该标记位于<head>或<body>中。Yahoo！Mail将读取height属性，如果它是在<style>标记中定义的。
Gmail目前支持@media查询，但最好将height放在一行中。Gmail现在不再将height转换为min-height，据我所知。

赞(0）回复(0）举报 2023-06-25

thtygnil3#

我相信你指的是Yahoo!邮件。截至2019年4月，我自己也遇到了这个问题，解决的办法是模拟身高属性效果，否则会起作用：

<br class="yahoo-br" style="display:none; line-height:50px;"/>

给它一个像.yahoo-br这样的类名，并将inline style设置为display: none;，这样它就不会显示在其他电子邮件客户端上。将<br/>标记放在代码中需要高度的位置，并添加line-height属性，其值可以等同于height属性值。这基本上就像高度属性一样。
针对Yahoo!邮件，你可以在<style>中添加css，在<head>标签中如下：

/* 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）回复(0）举报 2023-06-25

hc2pp10m4#

截至2019年5月，雅虎邮件仍然将内联样式height转换为min-height，所以我发现的解决方法是在内联样式中添加max-height，然后它就会工作。
在我的情况下，我有图像在我的html和我只是希望它的高度设置为30px，但雅虎转换高度为min-height。
所以它正在变得更大的图像，但我希望它更小，所以我已经应用max-height内联风格和它的工作.
请参阅我的img标签下面我已经应用了max-height inline style.

<img src="<?php echo $url->assets ?>img/checked.png" style="height:30px;float: left;max-height:30px;" />

赞(0）回复(0）举报 2023-06-25

sg2wtvxw5#

对我来说，所有以前的变体都没有帮助。在我的表中唯一起作用的是将**'line-height'**属性添加到'td'的样式中，等于块的高度。
表中的所有图像具有相同的宽度但不同的高度，因此在yahoo 'height-to-min-height'转换后，所有'td'的高度都不同。因此，使父块具有相同的高度为不同的图像，我把“行高度”的风格。图像的高度不超过父块高度。

<td style="height: 55px; line-height: 55px; vertical-align: middle">
<img style="width:32px,height: auto;> <span>bla</span>
</td>

赞(0）回复(0）举报 2023-06-25

wko9yo5t6#

你有没有试过给它一个最大高度55或56px？如果你这样做的高度应该没有其他地方去迫使它是你想要的。或者，您可以使用JS设置高度（如果支持）。

max-height:56px

关于js：

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

赞(0）回复(0）举报 2023-06-25

我来回答

css Yahoo将身高转换为min-height

6条答案

相关问题

热门标签

最新问答