今天看前辈的代码时,发现img标签有个陌生的srcset属性,如下:
@@##@@
翻阅得知此属性用于:以最合适的src去匹配不同屏幕(高分屏低分屏如Retina;大屏小屏)。使用如下:
@@##@@
@@##@@
2x、3x 表示目标屏幕的像素密度;400w、600w表示目标浏览器的宽度的限度,如浏览器宽度550w时,匹配600w的src。
通过window.devicePixelRatio来获取像素比
立即学习“前端免费学习笔记(深入)”;
更多编程相关知识,请访问:编程视频!!
以上就是浅谈HTML img标签中的srcset属性的详细内容,更多请关注php中文网其它相关文章!
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号