鏡像站點 | MAP
 
網站首頁 網站策劃 優化推廣 作品展示 SEO知識 技術文獻 費用標準 軟件下載 聯系方式
SEO知識
技術文獻
相關文章

首頁 > 技術文獻

用CSS控制圖片自適應大小

TIME:2009-9-6 8:34:58  HITS:

關鍵字:哈爾濱網站制作  摘自:目標科技

  圖片自動適應大小是一個哈爾濱網站制作非常常用的功能,在進行制作的時候為了防止圖片撐開容器而對圖片的尺寸進行必要的控制,我們可不可以用CSS控制圖片使它自適應大小呢?

  我們想到了一個比較簡單的哈爾濱網站制作解決方法,雖然不是非常的完美,如果您的要求不是非常高,已經可以滿足你的需要了。我們看下面的代碼:

以下是代碼片段:
div img {
 max-width:600px;
 width:600px;
 width:expression(document.body.clientWidth>600?"600px":"auto");
 overflow:hidden;

 ◎ max-width:600px; 在IE7、FF等其他非IE瀏覽器下最大寬度為600px。但在IE6中無效。
 ◎ width:600px; 在所有瀏覽器中圖片的大小為600px;
 ◎ 當圖片大小大于600px,自動縮小為600px。在IE6中有效。
 ◎ overflow:hidden; 超出的部分隱藏,避免控制圖片大小失敗而引起的撐開變形。


哈爾濱目標科技開發有限公司 • 版權所有 CopyRight 2009-2012

QQ:36268333

哈爾濱網站建設熱線:13945093721 0451-88002799

mgcc电子游艺城