浏览器如何理解em在响应式图像中使用时的单位？
<img alt="A giraffe" src="giraffe.jpg"
srcset="[email protected] /cdn-cgi/l/email-protection 600w, giraf[email protected] /cdn-cgi/l/email-protection 800w, [etc.]"
sizes="(max-width: 40em) 40em">
这是有效的，并且我没有在浏览器控制台中看到警告。但如果图像预加载器的全部目的是获取图像beforeCSS被下载并解析，浏览器用来做什么em?
这只是它的默认设置吗font-size它适用于<html>？我应该使用rem为了清楚起见？用户缩放时两者有区别吗？
这不是理论上的；而是真实的。我是using em在我的媒体查询断点中 http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw/，并且某些图像受到大小适合最佳行长度的容器的约束（using em http://maxdesign.com.au/articles/em/， 当然）。
我检查了规范，但它对于新的响应式图像功能非常简洁。
我在 W3C 官方聊天室 #respimg 中竖起了耳朵，并且这就是他们不得不说的 http://ircbot.responsiveimages.org/bot/log/respimg/2015-06-04#T132199:
请原谅各位，我有一个问题：em在内部使用时被解释sizes
Tigt：与媒体查询相同 - 它们与初始字体大小相关。
（不是 上的字体大小，initial字体大小，由用户个人设置设置。）
16px 几乎所有地方，只要你没有改变font-size of html.
Tigt：这里 rem 的处理方式与 em 相同。
所以速读是：
- 当用于
sizes或媒体查询，em and rem两者都被指定为“用户的默认值font-size.
- 实际上
em or rem如果你的 CSS 改变了它，控制图像在页面上的布局方式可能会有所不同
- 这意味着一个人应该not更改默认大小
em如果他们想给图像预加载器真实的信息
W3C 媒体查询 http://www.w3.org/TR/css3-mediaqueries/:
此媒体查询表示如果视口宽度大于 20em，则样式表可在屏幕和手持设备上使用。
@media handheld and (min-width: 20em), screen and (min-width: 20em) { … }
‘em’值是相对于‘font-size’的初始值的。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
