为了达到更好的效果再配合cover和center
1. 在编写网页时,如果图片大小事先是未知的,如果图片过大的话,会影响的网页中其他块的结构使用css可以将图片的大小调整到一个固定的值
<span style="font-size: 16px">#mian img{
max-width:170px
width:170px
width:expression(document.body.clientWidth>170?"170px":"auto")
max-height:180px
height:180px
height:expression(document.body.clientWidth>180?"180px":"auto")
overflow:hidden
}
</span>
2.html代码中
如果图片的大小是事先未知的,这样设置可以使,图像的大小固定,从而不影响网页中其他块的结构
<span style="font-size: 16px"><div id = "maim">
<!--
在mian样式的块中img标签图片的大小会被固定在170px*180px
-->
<img src="01.jpg">
</div>
</span>
使用img标签，给它的width属性设定一个绝对数量值，其高度就会自动按照width的值进行缩放了。如：
<img alt="" src="imgs/图片.jpg" width="1000" />
