媒體查詢 - 風景模式對iPhone太超大

Question

我用我的CSS以下媒體查詢：

@media screen and (max-device-width: 480px) {} 

這看起來對我的舊的iPhone 3G的罰款...但是當我改變方向從縱向以風景..它炸燬..方式太大，太寬。

我已經試過這樣：

@media only screen and (min-device-width : 320px) and (max-device-width : 480px {} 

沒有幫助。

有什麼建議嗎？

我寧願不放在一個風景特定的查詢 - 我想如果可能通用的一個。

（是捏屏幕朝下還挺工作..但不是我期待的用戶體驗。）

感謝 JD

Answer 1

你有一箇中繼檢視區標記？如果沒有，你可以使用以下方法來告訴iPhone來報告它的視口的寬度，屏幕的像素寬度：

<meta name="viewport" content="width=device-width" /> 

By default，iPhone的報道的980px的寬度。