如何来整体缩小图片使用CSS?img { width: 50%; /*将图片宽度调整为50%*/ height: auto; /*使图片的高度根据宽度自适应*/ } 在上面的代码中,我们看到“widt
如何来整体缩小图片使用CSS?
img { width: 50%; /*将图片宽度调整为50%*/ height: auto; /*使图片的高度根据宽度自适应*/ }
在上面的代码中,我们看到“width: 50%”将图片宽度调整为页面的50%。如果您想将其缩小到30%,则可以替换“50”为“30”。
另一件需要注意的事情就是缩小图片时必须同时调整图片的高度。为了防止图片被拉伸,我们可以使用“height: auto”。这个属性将使图片的高度根据宽度自适应。
因此,无论您想要将图片缩小到多少,都可以使用上面的CSS代码来实现。只需改变“width”属性的值即可。
粉丝
0
关注
0
收藏
0