iPhone 5的屏幕尺寸VS CSS媒體查詢

可能重複：
iPhone 5 CSS media query iPhone 5的屏幕尺寸VS CSS媒體查詢

iPhone 5的技術規範狀態屏幕由640

的1136尺寸我的問題是這樣的，我想用max-的568px 設備寬度是指http://www.stephentgilbert.com/mediaqueries/#iPhone

你能解釋一下爲什麼說寬度爲1136px

我知道我混合了一些工作，當尺寸上iPhone 5的網站上標明基本面在這裏。如果你能給我一個合適的解釋並且可能將我鏈接到相關的在線資源，我將不勝感激。

2013-01-14 Mizanur Chowdhury

的[在移動Safari視窗]（http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html）是不是你所期望的東西。 – Quantastical

感謝您的鏈接@MrSlayer，優秀的資源！非常感謝:) –

Retina顯示屏包含的像素數是標準顯示屏的兩倍，但iOS會將分辨率視爲測量和屏幕輸出的標準顯示。如果沒有，網站會顯得非常小而且縮小。

來源

2013-01-14 19:55:26 AlienWebguy

感謝您的回答AlienWebguy，這有助於很多！ –

iPhone的Retina顯示屏意味着1136x640屏幕使用568x320虛擬像素。每個CSS像素由四個物理像素（2x2）組成。

由於沒有人在CSS中說「給我一個100像素寬的div」，它希望它在像Retina顯示器這樣的更高分辨率設備上以半角顯示，所以它不使用物理像素作爲CSS像素。

來源

2013-01-14 19:54:26 ceejayoz

+1偉大的想法都一樣;） – AlienWebguy

@AlienWebguy +1也適合你。 :-) – ceejayoz

謝謝你的快速回復ceejayoz和@AlienWebguy。這真的很有幫助！ :) –

iPhone 5的屏幕尺寸VS CSS媒體查詢

回答

相關問題