如何让一个固定高宽的图片随着网页的大小而进行缩放

求大神指导，是不是得用JS？
谢谢了。

图片的宽度和高度不要设置成固定值，可以设置成百分比，自适应网页大小,如
<img style="width:50%;height:50%"/>

用bootstrap框架的响应式布局 可以解决！

转：http://blog.csdn.net/u011261785/article/details/38559783

背景图的话可以设 background-size：cover；

要把图片的高度和宽度设置成百分比形式，它的大小就会随着其父节点（父div）的变化而变化，同理其祖父节点（父div的父div）也不要设置成固定值。body是根节点（所有标签的直接或间接父级）
一般来说写页面的时候都是尽量使用百分比表示的，能用百分比就不要用固定值

看效果：http://blogxinxiucan.sh1.newtouch.com/2017/07/27/Hbase%E5%8D%95%E6%9C%BA%E5%AE%89%E8%A3%85%E9%83%A8%E7%BD%B2/

通常情况只设置宽度高度就会等比缩放

感谢您使用技术问答这个模块，同时对csdn的支持。