今天做页面轮播图的时候发现了一个很奇怪的问题:

用style属性给img标签设置width和height,图片可以显示完全 ,但图片比例会发生改变,图片变形。

用img标签里面的width和height属性给图片设置高度和宽度,图片比例不会改变,图片也没变形,但图片会显示不完全。


用style设置img标签width和height的效果:

图片描述

图片描述

直接设置img标签的width和height的效果:

设置style效果
图片描述

网上查了一下,下面这个答案感觉还可以接受(但不知道解释的对不对。。):
图片描述

注:这里说的前面指的是用style设置宽高,后面指的是直接设置img标签的width和height属性。


LeAn_He
0 声望0 粉丝