• <thead id="ngamo"></thead>
    <input id="ngamo"><li id="ngamo"><address id="ngamo"></address></li></input>
    
    
      1. <acronym id="ngamo"></acronym>
        <output id="ngamo"><sup id="ngamo"><listing id="ngamo"></listing></sup></output>
        1.  

          11?13?

          一個css的新屬性可以固定圖片寬度高度后保持不變形

          時間: 2021-11-13? 分類: 建站

          之前寫主題的時候,縮略圖固定大小這個問題一直困擾著我。

          固定了圖片寬度和高度就會導致圖片變形,如果是一個很長的長方形圖片固定為正方形之后,整個圖片都變得模糊不清,根本沒法看。

          后來就用縮略圖插件剪裁生成固定大小的縮略圖來解決這個問題,但是過了一段時間發現插件生成的縮略圖網頁加載沒法緩存,如果一個頁面有很多縮略圖,就會非常非常的占用資源,導致頁面加載速度很慢很慢。

          為了解決這個問題查閱了一些資料,最后的最后發現了css新出的一個屬性值可以完美解決這個問題。

          這個屬性值就是:

          object-fit: cover;

          国产精华AV午夜在线

        2. <thead id="ngamo"></thead>
          <input id="ngamo"><li id="ngamo"><address id="ngamo"></address></li></input>
          
          
            1. <acronym id="ngamo"></acronym>
              <output id="ngamo"><sup id="ngamo"><listing id="ngamo"></listing></sup></output>