css圖片自適應div大小怎么做

重點導讀：css圖片自適應div大小的控制，為了讓圖片能夠更好的展示，建議使用max-width這個屬性。不管是pc端還是移動端，或者是自適應網站，使用max-width都能夠讓圖片的展示更加規范。當然，如果div有固定的尺寸，那么就填下固定的尺寸，如果沒有則設置100%即可。

問題：css圖片自適應div大小怎么做？

回答：圖片自適應div大小主要是控制圖片的寬度，可以通過設置css里面的width屬性來解決問題。

img{ width:100%; height:auto}

注意：這里是指圖片自動放大或者是縮小，以填充完div的寬度，如果圖片太小，那么放大后就會變得模糊。所以，盡量設置max-width比較好，比如：

img{ max-width:100%; height:auto}

這樣就是表示圖片的最大寬度不得超過div寬度。

如果div有明確的尺寸，也可以設圖片的最大尺寸，如：

img { border: none; max-width:850px;}

css圖片自適應div大小的控制，為了讓圖片能夠更好的展示，建議使用max-width這個屬性。不管是pc端還是移動端，或者是自適應網站，使用max-width都能夠讓圖片的展示更加規范。當然，如果div有固定的尺寸，那么就填下固定的尺寸，如果沒有則設置100%即可。

本文 已幫助 6230 人！

本站內容大部分由沐風博客原創，少部分內容來源于網絡，如有侵權請與我們聯系，我們會及時刪除！
責任編輯:沐風 | 發布時間:2021年12月09日08點24分19秒 | 本文永久地址為 http://www.aywdesigns.com/seo/2244.html