視網膜啓用設備上的媒體查詢

Javascript告訴我，我的Galaxy S3的屏幕分辨率爲720x1280 但該文檔報告爲360x567。視網膜啓用設備上的媒體查詢

是否可以讓文檔更準確地反映屏幕分辨率？初始縮放視口也許？

我似乎無法管理它！

爲了澄清，我知道我的設備分辨率爲720像素寬在縱向模式，在網頁上放置一個元素然而，當元素寬，因爲該設備在使用2個硬件像素爲640x360像素填充頁面的寬度每個CSS像素。我可以停止設備嗎？

來源

2013-05-09 michael

可以澄清一下嗎？您的網頁是否僅填充該設備的部分屏幕？ – 2013-05-09 10:35:49

首先，爲什麼不利用這些信息大部分的時間（從PPK在怪異模式約devicePixelRatio）

視網膜的iPhone有在縱向模式下640個物理像素的寬度。儘管如此，使用元視口的網站不應該變成640px 寬，而是保持在320，這是iPhone的的最佳閱讀尺寸。

其次，當你還是要針對具體的高分辨率設備（稱爲視網膜蘋果），你應該閱讀Cross Browser Retina/High Resolution Media Queries在最短的片段是：

@media 
    only screen and (-webkit-min-device-pixel-ratio: 2), 
    only screen and (min-resolution: 192dpi) { 
    /* Retina-specific stuff here */ 
}

但也有別人，還鏈接以前有關Windows Phone，Opera Mini，Firefox OS和現有不同比率的3篇有趣的文章和更新文章

來源

2013-05-09 11:47:43 FelipeAls

我想我現在開始明白一點點了。高分辨率不適合開發商追回更多的房地產，其使房地產在設備上看起來更好！ – michael 2013-05-10 09:04:49

是的，現在物理像素（可以）與瀏覽器希望webdev看到的虛擬像素無關。從供應商的角度來看，它們爲用戶提供更好的屏幕，同時確保與99.99％的網站無任何修改的兼容性。自從第一款選擇忽略手持媒體的iPhone（考慮到0.1％的網站）以來，同樣的故事（越來越複雜），讓世界知道它的屏幕寬度爲960或980像素。有點。不得不做的努力工作網站永遠不會做。 – FelipeAls 2013-05-10 09:22:38

視網膜啓用設備上的媒體查詢

回答

相關問題