srcset 和媒体查询的区别？
Difference between srcset and media query?
srcset 和 media query 有什么区别？哪个更好，什么时候用？
谢谢！
srcset 允许您根据媒体加载不同的（内容）图像。
媒体查询 允许您根据媒体应用不同的 CSS 规则。
一个用于图像，另一个用于 CSS。
检查这个 in-depth article about this.
既然你同时询问这两个问题，我假设你问的是如何实现“响应式图片”（正确尺寸的图片根据分辨率提供给每个设备）同时使用。
现在，您可以有一些策略来使用媒体查询实现此（显示none 特定屏幕尺寸不需要的 img 元素）。但是，也有一些缺点。
让我引用上面链接的文章：
Media queries have limited support for pixel density. Because of this,
images will not be properly selected on all devices & will look
blurry. Also, unless you "lazy" load the images, the browser will load
all sizes. (Even if they are set to display:none) This defeats the
purpose. srcset does not have these problems.
基本上，srcset 是更好的工作工具，旨在解决这个问题。
srcset 和 media query 有什么区别？哪个更好，什么时候用？
谢谢！
srcset 允许您根据媒体加载不同的（内容）图像。
媒体查询 允许您根据媒体应用不同的 CSS 规则。
一个用于图像，另一个用于 CSS。
检查这个 in-depth article about this.
既然你同时询问这两个问题，我假设你问的是如何实现“响应式图片”（正确尺寸的图片根据分辨率提供给每个设备）同时使用。
现在，您可以有一些策略来使用媒体查询实现此（显示none 特定屏幕尺寸不需要的 img 元素）。但是，也有一些缺点。
让我引用上面链接的文章：
Media queries have limited support for pixel density. Because of this, images will not be properly selected on all devices & will look blurry. Also, unless you "lazy" load the images, the browser will load all sizes. (Even if they are set to display:none) This defeats the purpose. srcset does not have these problems.
基本上，srcset 是更好的工作工具，旨在解决这个问题。