img标签无图片时,不同浏览器高度计算问题

Posted 杭州-慧

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了img标签无图片时,不同浏览器高度计算问题相关的知识,希望对你有一定的参考价值。

前提:

img设置width为40%;

条件

img标签无对应图片

问题:

FF/Chrome浏览器中,若设置alt,img标签高度为alt文本高度;

IE11浏览器中,若不设置height属性值,img标签高度会超过父元素高度,且出现垂直滚动条,若设置height属性值为100%,其高度等于父元素高度,依然会出现滚动条;

解决办法:

为img标签height属性值为99%

以上是关于img标签无图片时,不同浏览器高度计算问题的主要内容,如果未能解决你的问题,请参考以下文章

图片标签

如何用html标签来显示gif图片

vue项目中,当后端返回来的img图片src地址获取失败时

img 标签 设置默认图片

精确到1px的(布局)浏览器兼容问题

浏览器兼容问题