srcset屬性的作用
srcset是img元素的一個(gè)屬性，主要用于瀏覽器根據(jù)寬、高和像素密度來(lái)加載相應(yīng)的圖片資源。
屬性格式：圖片地址 寬度描述w 像素密度描述x，多個(gè)資源之間用逗號(hào)分隔。
<img src="small.jpg " srcset="big.jpg 1440w, middle.jpg 800w, small.jpg 1x" />
上面的例子表示瀏覽器寬度達(dá)到 800px 則加載 middle.jpg ，達(dá)到 1400px 則加載 big.jpg。注意：像素密度描述只對(duì)固定寬度圖片有效。
img 元素的 size 屬性給瀏覽器提供一個(gè)預(yù)估的圖片顯示寬度。
屬性格式：媒體查詢 寬度描述（支持px），多條規(guī)則用逗號(hào)分隔。
<img src="images/gun.png" alt="srcset屬性的作用" srcset="images/bg_star.jpg 1200w, images/share.jpg 800w, images/gun.png 320w" sizes="(max-width:320px) 300w, 1200w"/>
上面的例子表示瀏覽器視口為 320px 時(shí)圖片寬度為 300px，其他情況為 1200px。
下一篇
百度快速收錄功能正式上線！熊掌號(hào)天級(jí)收錄下線
