<form id="ddd9p"><nobr id="ddd9p"></nobr></form>

          <address id="ddd9p"></address>

          當前位置: 沐風博客 >> 網頁設計 >>正文

          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

          發表評論:

          ◎歡迎參與討論,請在這里發表您的看法、交流您的觀點。

          沐風博客,更新包含SEO培訓教程、網站運營及網絡推廣等互聯網資訊

          線下SEO培訓地址:廣州.廈滘 | 線上SEO培訓不受地域限制

          人人妻人人A爽人人模夜夜

          <form id="ddd9p"><nobr id="ddd9p"></nobr></form>

                  <address id="ddd9p"></address>