爲什麼當我的桌面屏幕和手機屏幕具有相同的分辨率時，它們不顯示相同的內容？

例如，在我的桌面上查看我的桌面上的一個50px寬的按鈕，看起來它佔據了預期屏幕空間的大約5％。但是當在具有相同水平分辨率的Android設備上查看時，它看起來佔據了大約15％。爲什麼當我的桌面屏幕和手機屏幕具有相同的分辨率時，它們不顯示相同的內容？

任何人都可以解釋爲什麼這是，我能做些什麼來阻止它？

不同的顯示屏有不同的像素尺寸。你會聽到這個數字是DPI，或每英寸點數，這實際上是每英寸有多少像素。在你的情況下，你的桌面像素小於你的Android設備（更高的DPI），所以50像素佔用更少的物理空間。

您可以通過指定物理尺寸來修復此問題，例如cm或in。查看spec。

2013-04-10 02:29:37

更新的答案提到了提問者可以做些什麼來從CSS獲取物理尺寸。 – 2013-04-10 02:31:30

感謝您的回答。瞭解像素尺寸的東西，但是例如，兩個屏幕都有1000個水平像素可用，一個元素的寬度爲100px，不管像素大小如何，它仍佔用可用屏幕空間的10％。或者我錯過了什麼？ – ChrisInCambo 2013-04-10 06:16:52

縮放係數可能會導致它無法正確縮放。桌面和移動設備都允許用戶放大或縮小網頁，因此可能一個或兩個顯示縮放的內容。 – 2013-04-10 13:16:46

回答