如何利用css實現(xiàn)圖片等比例縮放？！ 1. 我們可以將圖像的IMG標簽設置為寬度或高度的任意一個，圖像將自動等比縮放。下面是代碼，如圖所示。2. 然后，打開瀏覽器查看縮放圖像效果，如下圖所示。3. 我

如何利用css實現(xiàn)圖片等比例縮放？

！

1. 我們可以將圖像的IMG標簽設置為寬度或高度的任意一個，圖像將自動等比縮放。下面是代碼，如圖所示。

2. 然后，打開瀏覽器查看縮放圖像效果，如下圖所示。

3. 我們也可以使用CSS3方法，變換比例，來縮放圖像。如圖所示。

4. 最終的縮放效果如下圖所示。

如果要將圖片的高度和寬度設置為不超過固定值，則當圖片的高度或?qū)挾瘸^此值時，需要將圖片縮小到此大小。

1. 對于現(xiàn)代瀏覽器，如Firefox或IE7及更高版本，可以直接使用兩個CSS屬性max width和max height。

2. 對于IE6.0及以下版本，上述兩個CSS屬性將不會被忽略。在處理這類事情之前，我們經(jīng)常使用JavaScript。

把鼠標放在圖片上，顯示圖片局部放大這種效果怎么做？

它可以通過JS事件“OnMouseOver”和“onmouseout”實現(xiàn)。1創(chuàng)建一個新的HTML文檔，在body標簽中添加一個圖像標簽，設置標簽的“Id”屬性，然后設置圖像CSS屬性的默認顯示大?。?。添加“onmouseout”JS事件，首先獲取圖片標簽，然后定義鼠標離開圖片時的事件，圖片會縮小：