0

可能重复：
如何在所有现代浏览器中检测页面缩放级别？

我正在构建一个网站，其图像需要在每个设备或浏览器上具有相同的物理尺寸。假设图像完全适合 iPhone5 屏幕，即它的物理尺寸为 3.49x1.96 英寸（或 4" 对角线）。如果我在笔记本电脑的浏览器上查看它，它也需要具有 3.49x1.96 的尺寸英寸（显然分辨率较低）。在屏幕较小的 iPhone4 上，它甚至会切掉图像的某些部分。

我想我需要获取 PPI/DPI，然后进行相应的调整，即如果设备具有 iphone5 的 PPI/DPI，我需要将图像大小调整为 50%。不过，我有点困惑，是否还需要考虑屏幕分辨率，因为它可能会在非移动设备上发生变化。有谁可以帮我离开这里吗？

在所有设备上进行这项工作的好方法是什么？

4

1 回答 1

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

于 2012-12-10T17:27:33.073 回答