Question

如何实现当浏览器大小变化时，图片也跟着按比例缩放

Answer 1

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

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

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