如何处理img标签图片的缩放?

img如果设置width和height,来设置图片的大小,那如何控制图片是如何缩放的呢?

源自：CSS网页布局基础 2-10 编程练习

收起

2回答

Miss路 2019-05-20 19:20:00

同学，你好。

如果想要同比缩放的话，就不能给图片设置固定的宽度，但是有的时候觉得缩放的太夸张的话，就需要用固定的宽度了。这个你不用担心，学到后面的响应式布局和移动端的布局的时候就会有觉得方案。

祝学习愉快！

好帮手慕星星 2019-05-20 16:11:39

你好，图片容器可以设置宽高，img图片设置宽高为100%就可以跟着父容器大小进行改变。

这道题中直接插入img图片即可，大小不需要改变。

祝学习愉快！

提问者 qq_夜_71 #1

图片的缩放方式,例如宽高都设置为50px,如果网络图片的实际宽高都是100px,那么图片该怎么缩放?

2019-05-20 16:21:02
好帮手慕星星回复提问者 qq_夜_71 #2

如果宽高比例和容器宽高比例一致，设置宽高为100%，图片不会变形，如果比例不一致，图片会有变形的情况。一般只改变图片的宽度为容器的宽度，高度会按照自身宽高比进行缩放显示的。

2019-05-20 19:20:54