react-image-responsive:响应其在屏幕上宽度的图像（也可以是背景图像）可用于视网膜显示器

React图像响应 响应其在屏幕上宽度的图像（也可以是背景图像）可用于视网膜显示器。 演示： : 为什么？ 媒体查询仅考虑屏幕尺寸和分辨率，而不考虑实际图像尺寸。 如果您的图片在iPhone上为300px，在大屏幕上仅为100px，该怎么办？ 安装 yarn add react-image-responsive import ReactDOM from 'react-dom' ; import ImageResponsive from 'react-image-responsive' ; const sources = [ { maxWidth : 100 , src : 'http://placehold.it/100x100' } , { maxWidth : 200 , src : 'http://placehold.it/200x100' } , { maxW