Width和height—CSS图片的缩放
发布时间：2015-05-12 来源：查字典编辑
摘要：CSS图片的缩放：在CSS中图片的缩放是通过width和height两个属性来实现的。Width和height属性：可以设置为相对大小，也可...
CSS图片的缩放：在CSS中图片的缩放是通过width和height两个属性来实现的。
Width和height属性：可以设置为相对大小，也可以设置为绝对大小。Width和height属性设置为相对大小时，当拖动缩放浏览器时窗口改变其宽度时，图片的大小也会相应地发生变化。如果仅仅只设置了图片的width属性，而没有设置height属性时，图片本身会自动给纵横比例缩放，如果只设定height属性也是一样的道理。只有当同时高设定width和height属性时才会不等比例缩放。
CSS图片的缩放示例：
<html>
<head>
<title>图片缩放</title>
<style>
<!--
img.test1{
width:50%; /* 相对宽度 */
}
-->
</style>
</head>
<body>
<img src="http://www.baidu.com/img/baidu_logo.gif" class="test1">
</body>
</html>