可以用css3中“transform: scale()”属性对图片进行缩放。
1、新建html文档，在body标签中添加一张图片，给这张图片设置css属性，添加“tansform”缩放属性，属性值为“scaleX(n)”，scaleX(n)指的是对宽度进行缩放，n指的是缩放比例：
2、将transform的属性值改为“scaleY(n)”，scaleY(n)指的是对高度进行缩放，n指的是缩放比例：
3、将transform的属性值改为“scale(n)”，scale(n)指的是对图片的宽度和高度同时进行等比例缩放，n指的是缩放比例：
这种功能我实现过，现在忘了代码放哪里了，可以给你提供一点思路：body里面套一个div，然后所有的内容全部放在div中，div里面的内容全部用百分比来控制大小，当浏览器的大小改变时（触发onresize事件），计算浏览器页面大小，然后再修改最外层div的大小。
