即使我使用像素，桌面和移動設備的高度也不同？

Question

這是它的外觀在桌面上：

這是它的外觀在手機：

相關CSS：

styles.sass：

item 
    .row 
    cursor: pointer 
    height: 297px 
    .top-border 
     border-top: 2px dotted $brand-four 
     margin: 30px 0 40px 

直播現場：

http://alexandrochen.com/

（我使用的是Foundation框架）。

這可能是什麼原因造成的？

Answer 1

像素可以是不同的大小。

某些瀏覽器還允許渲染元素的放大以幫助視覺挑戰，因此尺寸可以不同。

Answer 2

各種設備上的像素「物理」尺寸取決於像素密度（以像素每英寸或ppi測量）和設備使用的乘數。

例如，MacBook Pro Retina 15「的分辨率爲220 ppi，而普通的Macbook Pro的分辨率爲110 ppi，但操作系統內部將像素數乘以2，所以物品的」物理「尺寸應爲。類似但由於視網膜是使用像素的兩倍來呈現相同的數據量，位圖看起來像素化

檢查了這一點上該裝置有什麼PPI的更多信息：http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density