如何在移动浏览器上以全分辨率显示图像？

Question

移动设备上的浏览器端口大小通常比该设备的屏幕分辨率低得多。例如:在iPhone X上，屏幕分辨率为1125 x 2436，而视口大小为375 x 812。

鉴于此，如何在iPhone X等设备上以全分辨率显示图像？如果呈现的<img>的src宽度为375px，它将填满iPhoneX的屏幕宽度。你如何改变它，让它按照设备的真实分辨率只占屏幕的三分之一，并以全画质显示？也就是说，如何才能使图像以真实的屏幕分辨率而不是视口大小来显示。

Answer 1

width: 33%;

或

width: 33vh;

会是宽度的三分之一。