srcset属性
-
HTML如何制作响应式图片?srcset属性怎么用?
响应式图片的核心是让浏览器根据设备特性智能加载最合适图片,主要通过 @@##@@ 这个例子中,浏览器会从上到下检查 标签的 media 属性和 type 属性。如果匹配,就加载对应的 srcset 中的图片。如果所有 都不匹配,或者浏览器不支持 标签,它会加载 @@##@@ 标签中的 src 。 总…
-
浅谈HTML img标签中的srcset属性
今天看前辈的代码时,发现img标签有个陌生的srcset属性,如下: @@##@@ 翻阅得知此属性用于:以最合适的src去匹配不同屏幕(高分屏低分屏如Retina;大屏小屏)。使用如下: @@##@@ @@##@@ 2x、3x 表示目标屏幕的像素密度;400w、600w表示目标浏览器的宽度的限度,如…