dreamweaver 怎样使插入的图片随浏览器的大小变化而变化。

发布网友发布时间：2022-05-07 15:04

共3个回答

热心网友时间：2022-06-30 10:30

图片自适应屏幕大小显示主要是利用百分比来控制，切忌给图片宽度一个固定值。如下代码：
html代码:
<div class="imgbox">
<img src="图片地址" alt="">

</div>
此时的css可以写成:
.imgbox img{width:100%;}
这样，图片的大小就会根据其父级容器的大小而变化。

另外，建议只设置宽度的百分比，不定高度。因为只要定义的宽度，图片伸缩的时候就会等比例变化，不至于引起图片变形。

热心网友时间：2022-06-30 10:30

设置百分比了，设置属性如下
width=几%;
height=几%;

热心网友时间：2022-06-30 10:31

<img width=20% height=20%>
用百分号实现大小控制。当然，前提是你的上级标签<div>的大小也是相对的

dreamweaver 怎样使插入的图片 随 浏览器的大小变化 而变化。

dreamweaver 怎样使插入的图片随浏览器的大小变化而变化。