img 样式单和属性

简介: 在img元素中设置图片高度,宽度忽略,目的是想让高度固定而宽度自适应,结果不行。测试后发现,图片的width和height属性优先级,小于任何样式单定义。因此,有效的方式是不用属性,而是用样式单:其他元素应该一样。

在img元素中设置图片高度,宽度忽略,目的是想让高度固定而宽度自适应,结果不行。

测试后发现,图片的width和height属性优先级,小于任何样式单定义。

因此,有效的方式是不用属性,而是用样式单:

<img src="`config`.`web_logo_url`" style="height:80px;max-width:600px" onerror="this.src='/img/logo.png'" />


其他元素应该一样。

相关文章
|
6月前
|
搜索推荐
img标签上title与alt属性的区别是什么?
img标签上title与alt属性的区别是什么?
148 0
|
30天前
|
搜索推荐
<img>标签上的 title 属性与alt 属性的区别
<img>标签上的 title 属性与alt 属性的区别
116 0
|
5月前
|
前端开发 UED
CSS clip-path 属性
CSS clip-path 属性
81 0
|
6月前
|
数据采集 算法 前端开发
img标签中的title和alt属性有什么区别
img标签中的title和alt属性有什么区别
38 0
|
11月前
|
前端开发
CSS:去除input和button边框以及选中时边框默认样式
CSS:去除input和button边框以及选中时边框默认样式
|
11月前
|
前端开发
CSS改变图标颜色(filter一行代码解决hover变换颜色问题)
CSS改变图标颜色(filter一行代码解决hover变换颜色问题)
242 0
|
前端开发
css中resize属性实现一个div的拉伸效果
通过右下角图标进行拉伸
138 0
|
前端开发 JavaScript 搜索推荐
img标签的alt和title有什么不同?媒体查询是什么?原型链和继承的六种实现方式
当图片加载不出来的时候,就会在图片未显示的地方出现一段 alt 设置的属性内容。
|
编解码 前端开发 JavaScript
img标签中的srcset属性有什么用?
img元素的srcset属性用于浏览器根据宽、高和像素密度来加载相应的图片资源。 也就是说,我们不需要使用JavaScript也可以实现分辨率自适应。
382 0
|
数据采集 前端开发 JavaScript