在网页制作中怎么限制图片的大小

2025-03-24 17:19:44

1、首先打开html编辑器,设置一个div并对div设置固定宽度和高度,还要在div里面插入一张图片。

在网页制作中怎么限制图片的大小

2、接着在上方设置div和img的样式,将图片的宽度设置为何父级一样的宽度,代码就是“width:100%;”这里的100%会自动跟随父级的宽度选择,然后将父级的高度去掉,这样子集的高度就自动化了。

在网页制作中怎么限制图片的大小

3、最后将图片设置为display:block;转为块状就可以了。

在网页制作中怎么限制图片的大小

4、最后打开浏览器就可以看到固定大小的图片了。

在网页制作中怎么限制图片的大小

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢