css 图片高度怎么设置才不会变形,被压缩

html-css061

css 图片高度怎么设置才不会变形,被压缩,第1张

设置图片自适应，给图片设置display:blockwidth:100%不要设置高度，不要设置高度，不要设置高度。这样图片就能根据父级div适应大小，就是你设置一个div，里面放图片。div多大，图片就多大。高度自动适应，所以不能设置高度。

将img的width和height设置成固定值而不是相对值，就不会变形。

当然，若是需要的话你也可以将width和height设置成固定比例，这样虽然图片可以缩放，但是图片不会扭曲变形。