JimmyLv / JimmyLv/reading

正确使用 HTML5 标签img picture figure 的响应式设计

Open
#2,946 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
No language data
Stars
26
Forks
2
PR merge metrics
No merged PRs in 30d

Description

## 正确使用 HTML5 标签:img, picture, figure 的响应式设计

TL;DR : 相比 img 标签, picture 提供了更丰富的响应式资源选择方式; figure 用于提供排版的图表概念,其中的图片仍然要使用 picture 或 img ;在支持 HTML5 的浏览器中,可以基于视口宽度、设备像素密度、缩放级别、以及图片格式的支持程度来选择图片资源。图片替代文本( alt…



June 1, 2018 at 08:12AM

via Instapaper https://harttle.land/2018/05/30/responsive-img-picture.html

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.