相同的图像尺寸（物理）在不同的屏幕

可能重复：
How to detect page zoom level in all modern browsers?相同的图像尺寸（物理）在不同的屏幕

我建立一个网站，需要有充分的设备在相同的物理尺寸的图像或浏览器。比方说，图像非常适合iPhone5的一个屏幕上，也就是说，它的物理尺寸为3.49x1.96英寸（或4" 对角线）。如果我看着它在我的笔记本电脑的浏览器，它也需要有3.49x1的大小。 96英寸（明显受到较低分辨率的影响）在iPhone4的屏幕较小的情况下，它甚至会切割一些图像部分

我想我需要获得PPI/DPI然后相应地进行调整，即如果设备拥有iphone5的PPI/DPI，我需要将图像大小调整为50％，但我有点困惑，不过我是否也需要考虑屏幕分辨率，因为它可以是在非移动设备上的改变。谁能帮助我在这里？

什么是使对人这一工作机管局好方法l设备？

来源

2012-12-10 Jokaero

你尽量只使用'in'作为你的CSS的单位？它*可能*在*一些*设备上工作。我预见到一个噩梦会在浏览器中始终如一地实现... – bfavaretto

你会发现你的目标是不可能的（在这个时候）。 – Pointy

我会用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-10 17:27:33 muchObliged

相同的图像尺寸（物理）在不同的屏幕

回答

相关问题