控制页面内的图片尺寸

在页面上使用图片时，如果简单的设置图片路径，图片会按照本身的尺寸显示出来。可以通过设置图片的width属性或height属性来控制图片的大小，来达到横向、纵向拉伸图片的效果。

 

如下的代码示例：

1. <div style="width:200px">
2.   <img src="test.jpg" style="width:100%"></img>
3. </div>
4.         
5. <div style="width:100px">
6.   <img src="test.jpg" style="width:70%"></img>
7. </div>
8.         
9. <div>
10.   <img src="test.jpg" style="height:150px; width:100px"></img>
11. </div>