可能的重复：
如何在所有现代浏览器中检测页面缩放级别？
我正在构建一个网站，该网站的图像需要在每个设备或浏览器上具有相同的物理大小。假设图像完全适合iPhone 5屏幕，即它的物理尺寸为3.49x1.96英寸(或对角线4英寸)。如果我在笔记本电脑的浏览器上查看它，它也需要3.49x10.96英寸的尺寸(显然分辨率较低)。在屏幕较小的iPhone 4上，它甚至会剪切图像的某些部分。
我想我需要获得PPI/DPI，然后进行相应的调整，即如果设备具有iphone5的PPI/DDP，我需要将图像调整为50%。不过，我有点困惑，我是否也需要考虑屏幕分辨率，因为它可能会在非移动设备上发生变化。有人能帮我吗？
在所有设备上实现这一点的好方法是什么？
我会使用srcset标签
<img src="foo-lores.jpg"
srcset="foo-hires.jpg 2x, foo-superduperhires.jpg 6.5x"
alt="decent alt text for foo.">
2和6.5是相对分辨率*来源：HTML Doctor