可以用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指的是缩放比例：
html图片按屏幕大小等比例缩放若浏览器允许可按Ctrl+鼠标滚轮滑动缩放，或用代码。
具体方法如下：
Ctrl+鼠标滚轮滑动缩放
css代码与htlm代码
CSS 代码如下：
#background
{
position: fixed
top: 0
left: 0
width: 100%
height: 100%
overflow: hidden
background-color: #211f1f
display:none\8
}
#background .bg-photo
{
position: absolute
top: 0
left: 0
width: 100%
height: 100%
display: none
overflow: hidden
-webkit-background-size: cover !important
-moz-background-size: cover !important
-o-background-size: cover !important
background-size: cover !important
}
#background .bg-photo-1
{
background: url('../image/alone.jpg') no-repeat center center
}
#background-ie {
position: fixed
top: 0
left: 0
width: 100%
height: 100%
overflow: hidden
background-color: #211f1f
}
HTML代码如下：
<div id="background">
<div class="bg-photo bg-photo-1" style="display: block"></div>
</div>
参考资料
html 网页背景图片根据屏幕大小CSS自动缩放.CSDN博客[引用时间2017-12-29]
可以用“width”和“height”属性控制图片的显示大小。
1、新建html文件，在body标签中添加img标签，为img标签设置“src”属性，属性值为图片的地址，这时图片的显示大小是图片自身的大小：
2、为img标签单独设置“width”或“height”属性，属性值为宽度或者高度，这时图片的宽度将变成设置的宽度，高度将会按原比例进行缩放 ：
3、同时为img标签设置“width”和“height”属性，这时图片的大小将会完全按照设置的大小显示：
