雖然這篇srcset用法鄉民發文沒有被收入到精華區：在srcset用法這個話題中，我們另外找到其它相關的精選爆讚文章
[爆卦]srcset用法是什麼？優點缺點精華區懶人包
你可能也想看看
搜尋相關網站
-
#1響應式圖片Responsive Images，img srcset 的用法 - LARRY的 ...
響應式圖片Responsive Images，img srcset 的用法. 懂前端又有玩WordPress 的讀者應該知道，WordPress 會自動幫你生成響應式圖片(Responsive Images) ...
-
#2響應式圖片（Responsive Images） | Summer。桑莫。夏天
這裡提到的 <picture>/<img srcset sizes> 和過去在CSS 中使用Media Query 有什麼不同呢？這裡所提到的方法將選擇權交給瀏覽器，讓瀏覽器在解析HTML 時依 ...
-
#3响应式图像教程- 阮一峰的网络日志
二、像素密度的选择： srcset 属性. 为了解决上一节的这些问题，HTML 语言提供了一套完整的解决方案。首先， <img> 标签 ...
-
#4image的srcset屬性 - 程式前沿
這個時候肯定會用到image標籤的srcset屬性。srcset屬性用於設定不同螢幕密度下，image自動載入不同的圖片。用法如下：.
-
#5[教學] 用img srcset 與HTML5 picture，讓圖片也能RWD
這篇文章將會教你如何設定img 的srcset 屬性，依據螢幕的pixel density ... [教學] 用img srcset 與HTML5 picture，讓圖片也能RWD ... 基本用法如下：.
-
#6响应式图片srcset全新释义sizes属性w描述符« 张鑫旭-鑫空间
srcset为响应式图片属性，12年就出来了，不过今年4月份还是5月份的出了新的规范，与之前的srcset ... 你说的srcset用法是上面1x,2x.3x的那种用法吗？
-
#7img 的srcset、sizes 属性和picture 元素 - 简书
下面通过一些例子来简要说下用法，例子里用PLACEHOLD.IT 来获取不同像素的图片。 srcset 和sizes 属性. srcset 是一个包含一个或多个源图的源图容器，不同 ...
-
#8HTML <picture> 響應式圖片(Responsive Images) - Fooish ...
media 用來指定media query 條件，當media query 條件不吻合，瀏覽器會繼續往下比對下一個<source> 或預設使用<img> 指定的圖片。 使用方法： <picture> < ...
-
#9响应式图片- 学习Web 开发
加载 srcset 列表中引用的最接近所选的槽大小的图像. 就是这样！所以在这里，如果支持浏览器以视窗宽度为480px来加载页面，那么 (max-width: 480px) ...
-
#10如何使用HTML5 實現響應式圖片 - 奧森文創設計
<picture> <source srcset="smaller_landscape.jpg" media="(max-width: 40em) and (orientation: landscape)"> <source ... 用法與CSS中的媒體查詢相同。
-
#11HTML <source> srcset屬性用法及代碼示例
HTML srcset屬性用於指定在不同情況下使用的圖像的URL。在<picture>中使用<source>時是必需的. 用法: <source srcset="URL">. 屬性值. URL：指定圖片的URL.
-
#12[HTML5] Picture element, srcset for Responsive Images
keywords: img, srcset, size, picture, dpi, dpr, devicePixelRatio, ... 如果要把 srcset 或 size 類似的用法套用到在CSS 載入圖片時，可以參考這 ...
-
#13img的srcset和sizes属性作用- 范仁义 - 博客园
img的srcset和sizes属性作用一、总结一句话总结： 1、img 标签的srcset 可以用来处理页面在不同像素密度终端设备上对图片 ... html中a标签的常见用法.
-
#14AngularJS ng-srcset 指令 - 菜鸟教程
定义和用法. ng-srcset 指令覆盖了<img> 元素的srcset 属性。 如果你使用了AngularJS 代码设置图片地址，请使用ng-srcset 指令替代 srcset 属性。 ng-srcset 指令确保 ...
-
#15image的srcset属性- SegmentFault 思否
这个时候肯定会用到image标签的srcset属性。srcset属性用于设置不同屏幕密度下，image自动加载不同的图片。用法如下：. <img src="image-128.png" ...
-
#16(四)：srcset宽度描述符_w3cschool - 编程狮
译文出处：http://www.w3cplus.com/responsive/responsive-images-101-part-4-srcset-width-descriptors.html 英文原文：http://blog.cloud_来自响应 ...
-
#17lazyload- 讓媒體資源(圖片、影片)延遲下載，增加網站開啟速度 ...
使用方法 可以透過cdn 讀入頁面： ... <img alt="A lazy image" class="lazy" data-src="lazy.jpg" data-srcset="lazy_400.jpg 400w, lazy_800.jpg ...
-
#18[十分鐘學習] Lazy Load - 上班打卡外，圖片也要壓線載入
屬性設定[註1] data-src: 當瀏覽器不支援data-srcset時，則顯示原圖 data-srcset: 當螢幕解析度不同時，則顯示特定尺寸圖片--> <script> $( ".example").lazyload(); ...
-
#19srcset - 程序员ITS401
这个时候肯定会用到image标签的srcset属性。srcset属性用于设置不同屏幕密度下，image自动加载不同的图片。用法如下： <img src="image-128.png" ...
-
#20图片· BootstrapVue - 逐浪CMS
有关这些属性的用法的详细信息，请参阅MDN's Responsive Images【MDN的响应式图像指南】。 注意：. 如果设置了 blank 属性，那么将忽略 srcset 和 sizes 属性; IE 11不支持 ...
-
#21響應式圖片（Responsive Images）作法 - 睿客設計技術筆記
最基本的用法 <img src=”small.jpg” srcset=”small.jpg 640w, medium.jpg 960w, large.jpg 1024w” />. 裡面的640w，960w，1024w，就是螢幕寬度640px ...
-
#22【HTML】IMG標籤中的srcset屬性是什麼，如何使用？ - 程式人生
我想知道如何開始在移動應用程式中使用HTML srcset img屬性。 ... 用法非常簡單，您只需提供許多不同的影象，並用逗號將它們分開，如下所示: <img ...
-
#23srcset - CSDN
:shooting_star: 使用优化图像:clamp: 将图像转换为:camera_with_flash: 安装npm i -D gulp-srcset # or yarn add -D gulp-srcset 用法import srcset .
-
#24html - 什么是IMG 标签中的srcset 属性以及如何使用它？
我想知道如何开始使用HTML srcset 我的移动应用程序中的img 属性。 ... 用法非常简单，您只需提供许多不同的图像，用逗号分隔它们，如下所示: <img src="image.jpg" ...
-
#25AngularJS ng-srcset 指令 - Web Online tutorials
定義和用法. ng-srcset指令覆蓋了<img>元素的srcset屬性。 如果你使用了AngularJS代碼設置圖片地址，請使用ng-srcset指令替代 srcset 屬性。 ng-srcset指令確保 ...
-
#26Img 標籤屬性含義及其用法_Don_GW - MdEditor - 古詩詞庫
Img 標籤屬性含義及其用法. ... javascript <img srcset="orange.png 100w, apple.png 200w, ... 關於 sizes 與 srcset 屬性更多用法詳細參考。
-
#27[译] 为什么你应该使用Picture 标签而不是Img 标签 - 掘金
使用srcset 和sizes 属性实现分辨率切换 ... 通过使用 picture 标签的 srcset 和 sizes 属性，可以轻松的解决这个问题 ... Img 标签属性含义及其用法.
-
#28HTML track 标签的srcset 属性 - 参考手册
srcset 属性指定在不同情况下使用的图像的URL。用于img , source 标签。 ... HTML track 标签的srcset 属性. srcset属性指定在不同 ... 定义和用法. srcset属性指定在 ...
-
#29HTML <img> srcset 属性| HTML在线参考手册 - 踏得网
定义和用法. iPhone里面切图会有@1x，@2x，@3x的概念，主要是用在为iphone4以前、iphone4/5/6（retina屏幕，2倍像素密度）和iphone6+（3倍设备像素密度）加载不同精度 ...
-
#30文档：<amp-img>
如需了解 sizes 和 srcset 的用法，请参阅通过srcset、sizes 和heights 设置自适应图片。 alt. 替代文字的字符串，与 img 中的 alt 属性类似。 attribution.
-
#31一個你不應該關閉媒體設定產生圖片功能的理由
這關係到WordPress 4.4 之後的Responsive Images 功能 ... 這兩個是html5 的屬性，用法和css 下media queries 一樣，可以為了節省不必要的傳輸浪費 ...
-
#32responsive-loader, 用于响应图像的web pack加载程序 - 开发99
有关如何使用srcset的更多信息，请阅读响应图像： 如果只是更改分辨率，请使用srcset ... 用法. 添加用于将响应性图像加载到web pack配置中的规则：.
-
#33[HTML5 & RWD] 新的HTML標籤-- picture，依照畫面大小顯示 ...
除了min- 當然也有max-的用法. 這是HTML5提供的新元素（標籤） ... <source srcset="\Images_Book\45_Book_big.jpg" media="(min-width: 1024px)">.
-
#34响应式图像之srcset和sizes属性 - Web前端之家
srcset 用来声明一组图像源，浏览器根据我们使用描述符指定的条件来选择图像。描述符 x 表示图像的像素密度，描述符 w 表示图像的宽度；浏览器使用这些 ...
-
#35img 的srcset、sizes 屬性和picture 元素- 碼上快樂
新增加了img 元素的srcset sizes 屬性和picture 元素，使得響應式圖片的實現更為簡單便捷， ... 下面通過一些例子來簡要說下用法，例子里用PLACEHOLD.
-
#36image的srcset属性- 云+社区 - 腾讯云
这个时候肯定会用到image标签的srcset属性。srcset属性用于设置不同屏幕密度下，image自动加载不同的图片。用法如下： <img src="image-128.png" ...
-
#37image的srcset屬性- 菜鳥學院 - 菜鸟学院
這個時候確定會用到image標籤的srcset屬性。srcset屬性用於設置不一樣屏幕密度下，image自動加載不一樣的圖片。用法以下：html.
-
#38響應式圖片新屬性srcset、sizes及、、media的有效性測試
(1)測試用圖片(100px、300px、600px、800px). (2)srcset+sizes響應式測試. A.第一次 <img src="selina.jpg" alt="alt" srcset="100-s1.jpg 100w ...
-
#39HTML <img> 标签srcset属性 - 蝴蝶教程
标签srcset属性定义和用法指定要在不同情况下使用的图像的URL。 通常与sizes属性一起使用。 标签srcset属性浏览器支持Edge/IE Chrome FireFox Safari Opera IE不 ...
-
#40<img> 元素- JavaScript 教程 - 网道
语法 Image(width, height) // 用法 var myImage = new Image(100, 200); ... HTMLImageElement.sizes 属性，分别用于读写 <img> 元素的 srcset 属性和 sizes 属性。
-
#41image的srcset属性_wx60d4764eb475e的技术博客
image的srcset属性，介绍响应式页面中经常用到根据屏幕密度设置不同的图片。 ... 用法如下： 使用上面的代码，就能实现在屏幕密度为1x的情况下 ...
-
#42响应式图片srcset属性解析 - 前端学堂
在img标签中，使用srcset属性使响应图像的尺寸调整变得更加简单。它使您可以定义同一图像的不同大小版本的列表，并提供有关每个图像大小的信息。
-
#43图片（Image） - UIkit3中文文档
图片组件甚至可以在CSS background-image 内使用 srcset 。 用法. 要应用此组件，请将 uk-img 属性添加到 <img> 元素，并将 data- 前缀添加到 src 属性，以便读取 ...
-
#44图像标签- <picture> - 《阮一峰HTML 语言教程》 - 览环书站 ...
响应式用法. <img> 标签的 srcset 属性和 sizes 属性分别解决了像素密度和屏幕大小的适配，但如果要同时适配不同像素密度、不同大小的屏幕，就要用到 ...
-
#45騰訊乾貨！WEB圖像的常見應用策略與技巧 - 每日頭條
根據最新規範，如果srcset中任何圖像使用了w描述符，那麼必須要 ... 里的SVG 的應用與回退策略，比較簡單，也已經成熟，一般情況下都是這種用法
-
#46Picture HTML 用法，大家都在找解答 旅遊日本住宿評價
上面的例子展示了<img> 元素的用法：. src 属性是必须的，它包含了你想嵌入的图片的文件路径。 alt 属性 ... 響應式圖片（Responsive Images） | Picture HTML 用法.
-
#47聊聊响应式图片-科技频道 - 手机搜狐
使用img的srcset、sizes. 2、picture元素. 在HTML 5中，增加了一个新元素picture。用过video、audio的，会觉得picture的用法很熟悉：. picture.
-
#48AngularJS ng-srcset 指令| 悠悠之家
定义和用法. ng-srcset 指令覆盖了<img> 元素的srcset 属性。 如果你使用了AngularJS 代码设置图片地址，请使用ng-srcset 指令替代 srcset 属性。 ng-srcset 指令确保 ...
-
#49srcset | 爱代码
这个时候肯定会用到image标签的srcset属性。srcset属性用于设置不同屏幕密度下，image自动加载不同的图片。用法如下： <img src="image-128.png" ...
-
#50學生專區 - 宜蘭大學食品科學系
回覆主題. 主題 必利勁用量用法必利勁時間有多持久？ *姓名. E-Mail. 內文. <blockquote style="border : 1px solid #ccc;background: #eee;padding : 10px;">威而鋼 ...
-
#51响应式图像 - 程序员ITS201
下载Picturefill; 使用入门; 标签的用法; Picturefill功能 ... 2.Picturefill.js 来实现这2个道理都是一样的，标签引入了srcset 和sizes的这个属性 ...
-
#52image的srcset属性 - 阿里云开发者社区
响应式页面中经常用到根据屏幕密度设置不同的图片。这个时候肯定会用到image标签的srcset属性。srcset属性用于设置不同屏幕密度下，image自动加载不同的图片。用法如下 ...
-
#53AngularJS基础ng-srcset 指令简单示例 - 脚本之家
定义和用法. ng-srcset 指令覆盖了<img> 元素的srcset 属性。 如果你使用了AngularJS 代码设置图片地址，请使用ng-srcset 指令替代srcset 属性。
-
#54img标签-srcset属性 - 猿2048
今天看前辈的代码时，发现img标签有个陌生的srcset属性，如下：1 翻阅得知此属性用于：以最合适的src去匹配不同屏幕（高分屏低分屏如Retina；大屏小屏）。使用如下：
-
#55聊聊img元素_Web图像, 会员专栏教程 - W3cplus
... 比如`srcset`、`sizes`、`loading`和`intrinsicsize`等。 ... 好的用法：alt描述了图片的信息(公鸡)，告诉用户这是只公鸡--> <img src="bird.png" ...
-
#56image的srcset属性-中国联通音乐软件有些
这个时候肯定会用到image标签的srcset属性。srcset属性用于设置不同屏幕密度下，image自动加载不同的图片。用法如下： <img src="image-128.png" ...
-
#57srcset属性获chrome 34支持，大赞！ - HTML5
Chrome 34终于正式发布，最引人的特性是开始支持srcset属性了。 ... 最常用的用法： ... srcset="normal.jpg 1x, high-res.jpg 2x, highest-res.jpg 4x" />.
-
#58css - srcset - 响应图像加载错误的文件 - 秀儿今日热榜
css - srcset - 响应图像加载错误的文件 ... 之间的偶数和奇数？ java - 使用SWIG引用外部库中的特定类python - Coffeescript习惯用法是否等同于Python的for/else？
-
#592020Web前端高頻面試題全解析，開課吧Web前端 - 壹讀
解析：可以設計響應式圖⽚，我們可以使⽤兩個新的屬性srcset 和sizes來提供更多額外的資源圖像和提示，幫助瀏覽器選擇正確的⼀個資源。 srcset 定義了 ...
-
#60[html] 第77天说说你对HTML5的img标签属性srcset和sizes的 ...
<img src="1.jpg " srcset="2.jpg 1440w, 3.jpg 800w" /> 当浏览器宽度为1440时显示2.jpg，浏览器宽度为800时显示3.jpg. sizes 和srcset 用法差不多 ...
-
#61img 标签的新属性Srcset应用_王杨杨web开发工程师 - 程序员 ...
响应式图片srcset属性说起图片的srcset属性，估计有不少与时俱进的小伙伴会在心中不由自主念想道：“这个我知道的，可以根据屏幕密度现实对应尺寸图片，例如…
-
#62聊聊响应式图片 - 开发者头条
使用img的srcset、sizes. 2、picture元素. 在HTML 5中，增加了一个新元素<picture>。用过<video>、<audio>的，会觉得<picture>的用法很熟悉：. <picture>.
-
#63Python爬蟲（四） 擷取資料 - 程序員學院
srcset '). findpostview = re.compile(r'count">(\d*)'). # 爬取網頁. def getdata(baseurl):. # 1datalist = page = 0. while(page>=0): # 搜尋迴圈.
-
#64image的srcset属性_Html - UCloud云社区
响应式页面中经常用到根据屏幕密度设置不同的图片。这个时候肯定会用到image标签的srcset属性。srcset属性用于设置不同屏幕密度下，image自动加载不同的图片。用法如下 ...
-
#65v-lazy image的推薦與評價， 網紅們這樣回答
v -lazy-image allows you to use Web Standard's: the srcset attribute on images and the tag. "Use Responsive Images with ... 用法. npm install v-lazy-image.
-
#66AngularJS基础ng-srcset 指令简单示例 - 绿色软件下载
定义和用法. ng-srcset 指令覆盖了<img> 元素的srcset 属性。 如果你使用了AngularJS 代码设置图片地址，请使用ng-srcset 指令替代srcset 属性。
-
#68PageSpeed優化筆記 - GitHub Wiki SEE
css link的用法儘量用rel="preload" ... lazyloader for images (including responsive images picture/srcset), iframes, scripts/widgets and much more.
-
#69HTML5 响应式图片知识整理
上面的srcset 是最新的用法，这里补充一下旧的用法，就是直接在图片url 后面加上x 标识符，浏览器会根据x 标识符与 devicePixelRatio 的值来加载显示 ...
-
#70image的srcset属性_包磊磊的博客-程序员宅基地
介绍响应式页面中经常用到根据屏幕密度设置不同的图片。这个时候肯定会用到image标签的srcset属性。srcset属性用于设置不同屏幕密度下，image自动加载不同的图片。用法 ...
-
#71wordpress函数wp_calculate_image_srcset()用法示例 - 陌小雨 ...
To avoid hiding animation in user content, if src is a full size GIF, a srcset attribute is not generated. * If src is an intermediate size ...
-
#72BRITA MicroDisc濾芯片
... /.imaging/opt/mw288/1606987668223/dam/jcr:534d7313-e0fd-4074-972b-22fd9ccb3164/brita-filterscartridges-microdisc-6-pack-hero-visual.jpg","srcset":"https ...
-
#73如何最佳化網站的圖片效能？ - 客座投稿| W3HexSchool
而Logo 以及Icon 請盡量使用SVG。 多多善用img tag 的srcset 屬性，會帶給網站更大的效益。 其實這裡還有圖片壓縮沒有寫到， ...
-
#74HTML <picture> 标签 - w3school 在线教程
... <source media="(min-width:650px)" srcset="/i/photo/flower-4.jpg"> <source media="(min-width:465px)" srcset="/i/photo/tulip.jpg"> <img ... 定义和用法.
-
#75原生Lazy-Loading登场，福利终于降临
srcset用法 一例. 其二是使用Lazy-Load，对第一屏以下的图片进行延迟加载。当图片滚入用户视图后再进行加载，我们常见的微信公众号图片便都是使用这种 ...
-
#76【RPU-A】link 标签新增imagesrcset/imagesizes 属性支持- 知乎
<img> 标签中，srcset 和sizes 属性是实现Responsive Images 的基础条件 ... 与imagesizes 属性，用法上完全等同于<img> 标签的srcset 与sizes，从而 ...
-
#77AngularJS基础ng-srcset 指令简单示例
定义和用法. ng-srcset 指令覆盖了<img> 元素的srcset 属性。 如果你使用了AngularJS 代码设置图片地址，请使用ng-srcset 指令替代srcset 属性。
-
#78AngularJS基础ng-srcset 指令简单示例 - 电脑软件下载
定义和用法. ng-srcset 指令覆盖了<img> 元素的srcset 属性。 如果你使用了AngularJS 代码设置图片地址，请使用ng-srcset 指令替代srcset 属性。
-
#79lozad.js ﹣ 高性能、無依賴的純JS 任意元素懶加載插件
使用方法. 如果你已經安裝好的話，你可以使用 import/require 加載這個工具。 ... 你可以使用 data-srcset 來加入不同的圖片大小，適應不同設備。
-
#80原创react-image-gallery 加入视频图片混合显示 - 网站首页
这个灯箱的用法是传入. 数组来做的，上面是大图, ... srcSet + '-' + index, media: source.media, srcSet: source.srcSet, type: source.type }); }) ...
-
#81srcset属性获chrome 34支持 - 百度经验
srcset 属性获chrome 34支持. ... Chrome 34终于正式发布，简CC也安装使用了，最引人的特性是开始支持srcset属性了。 ... 最常用的用法：.
-
#82react-image-gallery 加入视频图片混合显示 - 码农家园
这个灯箱的用法是传入. 数组来做的，上面是大图, ... srcSet + '-' + index, media: source.media, srcSet: source.srcSet, type: source.type
-
#83那么srcset标签和HTML5的picture标签有什么异同？_nox-程序 ...
由WebKit所实现的srcset的版本是和原来建议的srcset功能相匹配的， ... 我们限制一些和媒体查询语法中如max-width、像素和高深莫测的一些用法，其目的是尽可能能重用 ...
-
#84HTML – 2 - Alex
2.4.1 响应式用法. <img> 标签的 srcset 属性和 sizes 属性分别解决了像素密度和屏幕大小的适配，但如果要同时适配不同像素密度、不同大小的屏幕，就 ...
-
#85完全响应式图片 - 代码天地
img> 标签的各种用法，利用浏览器属性来根据视窗宽度轻松改变图片源， ... srcset 有两种自定义方式，一种使用 x 来区分设备像素比( DPR )，另一种 ...
-
#86自动将ImageBoss功能应用于图像。
高级用法. 延迟加载. 低质量图像占位符. 响应图像 srcset; 响应图像 picture. [内容]. 数据映像老板源; 数据图像低分辨率; 数据图像老板操作 ...
-
#87AngularJS基础ng-srcset 指令简单示例 - 多多软件站
定义和用法. ng-srcset 指令覆盖了<img> 元素的srcset 属性. 如果你使用了AngularJS 代码设置图片地址请使用ng-srcset 指令替代srcset 属性.
-
#88响应图像srcset不起作用
... 不能使用网络浏览器？ java-如何在Android Studio IDE中找到项目的所有未使用方法？ ... 我一直在尝试使用以下HTML实现新的srcset方法来响应图像
-
#89通过srcset实现图片自适应- 插件 - WordPress智库
为了实现这个功能，现代浏览器为我们提供了 srcset 属性，用来声明不同尺寸的设备需要加载的图片，具体用法是这样子的。
-
#90AngularJS基础ng-srcset 指令简单示例 - 2345加速浏览器 ...
定义和用法. ng-srcset 指令覆盖了<img> 元素的srcset 属性. 如果你使用了AngularJS 代码设置图片地址请使用ng-srcset 指令替代srcset 属性.
-
#91網站圖片在手機裡怎麼看起來是糊的？談像素比例的跨裝置實作
<img srcset="car-1.png 1x, [email protected] 2x" src="car-1.png" ... 這個用法也可以設定不同的裝置尺寸，以達成響應式取得不同圖片來源的目的。
-
#92将img srcset与Vue.js中的数组和数据对象绑定 - 小空笔记
使用方法. <template> <img v-for="image in images" :src="host + image" :srcset="getSrcset(image)" sizes="(min-width: 1240px) 33vw, ...
-
#93AngularJS基础ng-srcset 指令简单示例 - 第五下载
定义和用法. ng-srcset 指令覆盖了<img> 元素的srcset 属性。 如果你使用了AngularJS 代码设置图片地址，请使用ng-srcset 指令替代srcset 属性。
-
#94AngularJS基础ng-srcset 指令简单示例 - 天使软件园
本文主要引见AngularJS ng-srcset 指令,这里对ng-srcset 指令做了细致的材料整理， ... 定义和用法. ng-srcset 指令覆盖了<img> 元素的srcset 属性.
-
#95python爬取圖片零基礎- IT閱讀
能用了，下來就說說正則表示式的用法吧，你在學習的時候再臨時分析正好加深 ... 100vw" srcset="https://images.unsplash.com/photo-1521780372272- ...
-
#96Lazysizes.js 图片懒加载的使用方法详解 - 程序员秘密
**lazysizes **是一种快速（无垃圾），对SEO友好且可自动初始化的lazyloader，用于图像（包括响应图像 picture / srcset ），iframe，脚本/小部件等。
-
#97src 属性 - html中文网
定义与用法. 图像的URL，这个属性对 <img> 元素来说是必需的。在支持 srcset 的浏览器中，src 被当做拥有一个像素密度的描述符 1x 的候选图像处理， ...
-
#98响应式图片解决方案——调研 - JZ's Blog
对img元素增加srcset属性 ... 在img的srcset属性中可以提供若干图片资源地址，并附加使用图片的描述，随后可添加规则 ... 再来看像素密度的使用方法：.
-
#99TECHNICAL MASTERはじめてのHTML+CSS HTML5対応
24 *。source要素には srcset属性とsizes属性が使用できますが、使用方法は基本的にimg要素の場合と同じです。したがって、srcset属性の中にピクセル密度が異なる環境 ...