哪個分辨率，我將使用Retina顯示屏的iPhone - 媒體查詢

我使用的iPhone4測試我的響應網站哪個分辨率，我將使用Retina顯示屏的iPhone - 媒體查詢

我閱讀過的視網膜屏幕將顯示1px的爲2px的...

所以我懷疑是在景觀裝置寬度480像素，屏幕分辨率640像素..我想

但使用哪一個

@media only screen (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {

或

@media only screen (max-device-width : 640px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {

來源

2013-04-29 Dhamu

無論他們的分辨率如何，您都以320px的縱向模式和iPhone4S以及480px橫向模式下的所有iPhone定位。（5是在風景稍寬）

來源

2013-04-29 07:38:23

那麼max-device-width的目的是什麼：480px這個我們可以使用@media屏幕和（max-width：480px） – Dhamu 2013-04-29 13:35:57

是的，這仍然是所有我建議使用'max-width'而不是'max-device-width'。因此，'@media only screen（max-width：480px）and（orientation：landscape）and（-webkit-min-device-pixel-ratio：2）{}'如果你不使用'和（orientation：landscape ）'，這些樣式也適用於縱向視圖。 – 2013-04-29 15:15:16

所以只有@media屏幕（max-device-width：640px）和（orientation：landscape）只能用來寫過css？ – Dhamu 2013-04-30 07:32:32

哪個分辨率，我將使用Retina顯示屏的iPhone - 媒體查詢

回答

相關問題