顯示頁面爲普通（320）大小？

是否可以強制應用程序以正常分辨率而不是大型顯示網站？顯示頁面爲普通（320）大小？

我正在構建一個包含非動態圖像的應用程序 - 因此我需要爲每個主屏幕大小添加其他樣式表，我一直在使用的測試手機顯示的屏幕寬度爲320px，直到我升級了我一直在使用的jquery庫版本，它現在顯示爲420px大小。

我很高興爲兩者製作樣式表，但因爲它看起來很好，所以我想知道是否可以強制寬度保持在320？它會爲我節省一項任務並使應用程序更輕。

有什麼建議嗎？

乾杯保羅

2012-01-10 Dancer

您是否嘗試設置'最大寬度：您的頂層容器元素上320px'？ – Jasper 2012-01-10 17:30:36

只是試了一下，沒有運氣 - 雖然提示歡呼。 – Dancer 2012-01-10 17:41:12

當你正在爲移動瀏覽器構建的網站，有一個直接的方式列出了寬度爲您的網站，手機的瀏覽器會根據設備規格調整其大小。

嘗試

<meta name="viewport" 
    content="width=device-width, initial-scale=1, maximum-scale=1">

具體到你的情況

<meta name="viewport" content="width=320px">

2012-01-10 17:57:58 Kaerber

完美 - 作品一種享受..非常感謝您的幫助 – Dancer 2012-01-10 18:17:52

僅供參考您可能需要在ICS上進行測試，因爲我認爲存在一個不尊重視口設置的錯誤。 – 2012-01-10 19:34:06

好的，謝謝西蒙 – Dancer 2012-01-11 09:16:22

它可能不會像把max-width: 320px地方一樣容易，但如果您使用的開發工具來檢查DOM發現出什麼正在應用的樣式，你可以限制電流的大小你網站max-width。

這裏是一個演示：http://jsfiddle.net/LV9Kv/（點擊的內容，以改變它的大小隻與max-width屬性）

2012-01-10 17:49:29 Jasper

歡呼雀躍對你的幫助碧玉，但視口的內容寬度工作完美 – Dancer 2012-01-10 18:18:41

是啊不知道爲什麼我沒有想到這一點。如果您退出有關'viewport'標記的MDN或Apple文檔，則可以設置一些有趣的設置。 – Jasper 2012-01-10 19:58:56

乾杯賈斯珀我會看看 – Dancer 2012-01-11 09:16:33

回答