css3 图片大小无效 |平移html css

img {
width: 200px;
height: 100px;
}

上述代码是大家在CSS中设置图片大小的基本代码。然而，大家会发现在有些情况下，设置了图片的宽高，但是图片的大小却未发生任何变化，这是为什么呢？

这是因为有些浏览器不支持图片大小的设置，或者图片已经被压缩过了，再次对其进行大小设置无效。

然而，大家可以通过使用CSS3的属性来解决这一问题。

img {
max-width: 100%;
height: auto;
}

上述代码中，大家使用了max-width和height:auto来代替固定的宽高设置。这样设置的图片，无论是在哪种设备上显示，都会自适应浏览器大小，并保持图片的原比例。这一方法已经被广泛应用于现代网站的设计中。

在CSS3中，图片大小无效的问题确实是个比较头疼的问题。但是，大家可以通过使用max-width和height:auto等属性，来解决这一问题，使网页的设计更加优美、灵活、实用。