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

HTML5 响应视图大小

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

    <picture>标签仅作为容器,可以包含一个或多个<80111:06>子标签。<source>可以加载多媒体源,它包含如下属性。

    srcset:必需。设置图片文件路径,如srcset=”img/minpic.png";或者是逗号分隔的用像素密度描述的图片路径,如srcset="img/minpic.png,img/maxpic.png2x")。

    media:设置媒体查询,如 media=" (min-width: 320px)"。

    sizes:设置宽度,如 sizes="100vw"。或者是媒体查询宽度,如 sizes="(min-width: 320px) lOOvw"。 也可以是逗号分隔的媒体查询宽度列表,如sizes="(min-width: 320px) 1⑻vw,(min-width: 640px) 50vw, calc(33vw - lOOpx)”。

    type:设置 MIME 类型,如 type="image/webp"或者 type="image/vnd.ms-photo"。

    浏览器将根据source的列表顺序,使用第一个合适的source元素,并根据这些设置属性,加载具体的图片源,同时忽略后面的<80111*06> 标签。

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

相关视频回答
回复(0)

特邀嘉宾

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

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

向TA咨询

该嘉宾的QQ群

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