css背景函數(shù)image-set()有什么用

發(fā)布時間：2022-03-30 11:38:56 來源：億速云閱讀：352 作者：小新欄目：移動開發(fā)

這篇文章給大家分享的是有關(guān)css背景函數(shù)image-set()有什么用的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

image-set可以保證圖片在不同分辨率設(shè)備上的適配，能根據(jù)不同的設(shè)備類型展示不同的圖片，看下面的例子

background-image: -webkit-image-set(url(./bg1x.png) 1x , url(./bg2x.png) 2x);

這段例子意思就是在1倍屏上顯示bg1x.png，在2倍屏上顯示 bg2x.png 。兼容性上，目前最新主流的瀏覽器都已支持，對于不支持的設(shè)備可以在使用這個函數(shù)前使用background：url()來進(jìn)行兼容。

css背景函數(shù)image-set()有什么用

感謝各位的閱讀！關(guān)于“css背景函數(shù)image-set()有什么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

向AI問一下細(xì)節(jié)

猜你喜歡