#35 圖片的 1x, 2x, 3x 是什麼？關於網頁上圖片解析度的處理：HTML <img> srcset、CSS image-set() 與 @media resolution

⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 為什麼我的圖片明明大小沒錯，在較好的螢幕上（例如 apple retina 螢幕）卻顯得糊糊的？ 這些都是因為「像素密度 (Pixel Density) 」的緣故，我們在第 15 天的時候有稍微提過，只不過沒有深入探究，今天我們就來好好了解一下，並且學會 HTML 與 CSS 上的處理方法。 延伸閱讀：#15 網頁使用的單位大解析：px、rem、em、%、vw、vh (dvh, lvh, svh)、vmin...