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

可能重複：
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

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

回答

相關問題