今天我們將討論 Web 響應式圖像,這是一個非常流行的話題,也有很多問題。 如果你搜索這個主題,你會發現無數的文章有各種各樣的解釋,但我不會重複這些,並以不同的方式教你。 正確加載圖像,提高您的 SEO 排名並為您的網站提供更好的用戶體驗。 什麼是響應式圖像? 響應式圖像將(應該)自動調整以適應屏幕尺寸。 但是……這是正確的做法嗎? 嗯,是的,也不是。 如果您對此進行谷歌搜索或查看諸如 Bootstrap 之類的現代框架,您會注意到它們對“響應式圖像”的定義是一個簡單的 CSS,類似於: 1max-width: 100%; 2height: auto; 雖然這“有效”,但並不完全正確。有幾個原因,但最重要的一個是圖像大小。我不是在談...