我是新手进入网络开发并努力理解与响应式设计相关的视口和CSS单元，假设我有两个显示器，一个是10英寸，分辨率为1000X1000px，设备像素比为1另一个屏幕是20英寸的2000X2000px（分辨率实际上与第一个相同），设备像素比也是1.
我有一个500X500px的图像显示并占据第一个屏幕的四分之一，如果我希望显示这个图像并占据第二个屏幕的四分之一，我无法通过设置视口来实现像
<meta name="viewport" content="width=device-width, initial-scale=1.0">
并且图像将占据第二个屏幕的十六分之一，因此图像不能按比例显示在不同大小的屏幕上，那么我们如何才能使其响应？