我正在构建一个网站，其图像需要在每个设备或浏览器上具有相同的物理尺寸。 假设图像非常适合iPhone5屏幕，即它的物理尺寸为3.49x1.96英寸（或4英寸对角线）。如果我在笔记本电脑的浏览器上看它，它的尺寸也需要3.49x1.96英寸（明显受到较低分辨率的影响）。在屏幕较小的iPhone4上，它甚至会切割图像的某些部分。
我想我需要获得PPI / DPI然后相应地调整它，即如果设备具有iphone5的PPI / DPI，我需要将图像大小调整为50％。不过，我有点困惑，我是否也需要考虑屏幕分辨率，因为它可以在非移动设备上进行更改。任何人都可以帮助我吗？
在所有设备上使用此功能的好方法是什么？
答案 0 :(得分：0)
我会使用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