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>