Css 混淆响应图像用例

在中，我混淆了基于分辨率的选择和基于视口的选择。我认为他们是一样的

我想他们都在谈论为指定的屏幕大小选择合适大小的图像。如果将大尺寸图像应用于小型移动设备，将浪费带宽和性能

---

我说得对吗？如果我错了，基于分辨率的选择和基于视口的选择之间到底有什么区别？

视口就像是将浏览器缩放到不同的大小，并根据该大小选择基于视口的图像，即从固定宽度到100%宽度-分辨率是，如果您在视网膜显示器上查看结果，您的视口将具有相同的大小，但像素深度是大小的两倍，因此实际使用分辨率为两倍的图像可以提供相同的输出，在视网膜上获得更好的图像效果displays@hexereisoftware：我认为您谈论的像素深度的情况，应该是指基于设备像素比率的选择I appologize，是，我指的是第3.3节。但现在我看到了区别。第一种是根据屏幕大小选择图像，第二种是根据您的布局选择视口。因此，在大屏幕上，您可能会有4个相邻的图像，在中间屏幕2上，等等。如图所示，因此图像大小将不取决于屏幕分辨率，而是取决于它所放置的容器大小