十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊
量身定制 + 運營維護(hù)+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
這篇文章給大家分享的是有關(guān)HTML img標(biāo)簽中的srcset屬性有什么用的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。
發(fā)現(xiàn)img標(biāo)簽有個陌生的srcset屬性,如下:
翻閱得知此屬性用于:以最合適的src去匹配不同屏幕(高分屏低分屏如Retina;大屏小屏)。使用如下:
2x、3x 表示目標(biāo)屏幕的像素密度;400w、600w表示目標(biāo)瀏覽器的寬度的限度,如瀏覽器寬度550w時,匹配600w的src。
通過window.devicePixelRatio
來獲取像素比
感謝各位的閱讀!關(guān)于HTML img標(biāo)簽中的srcset屬性有什么用就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!