位置:首页 > 软件操作教程 > 编程开发 > HTML > 问题详情

HTML5 响应像素密度

提问人:刘团圆发布时间:2020-11-23

■实例设计

本例以屏幕像素密度作为条件,设计当像素密度为2x时,加载后缀为_retina.png的图片,当像素密度为1x时加载无后缀retina的图片。


<picture>

    <source media="(min-width: 320px) and (max-width: 640px)n srcset=nimages/minpic—retina.png 2x">

    <source media="(min-width: 640px)" srcset="img/middle.png,img/middle_retina.png 2xn>

    <img src="img/picture.png,img/picture_retina.png 2x" alt="this is a picture"〉

</picture>

继续查找其他问题的答案?

相关视频回答
回复(0)

特邀嘉宾

软件开发工程师——刘团圆

软件开发专业科班出身,擅长软件开发课程培训。

向TA咨询

该嘉宾的QQ群

更多>>
    返回顶部
    国产电影_2020最新好看的内地国产电影推荐_国产电影排行榜