爲移動瀏覽器優化

Question

我有一個簡單的網頁在服務器上生成。它有簡單的文本字段，單選按鈕，標籤和類似的東西（很像一個簡單的形式）。我正在嘗試爲移動瀏覽器優化這個功能。我想盡可能多地使用CSS，我想找到一種方法來支持iphone，android和流行的移動操作系統。

我的問題是這樣的，我可以設置頁面的樣式，使字段始終佔用手機寬度的100％，標籤將包裹等等，但也可以使用戶無法放大或縮小縮放顯示正確天氣iphone4或iphone3g正在看它？

我發現我的答案使用元標籤的點點滴滴，但我似乎無法找到一種方法來使縮放總是正確的，無論分辨率如何。

Answer 1

<meta name="viewport" content="width=device-width, user-scalable=no" /> 

這適用於iOS，但在BlackBerry和Android的橫向視圖中，頁面停留在左側，不會擴展。我認爲這與iOS推斷高度（以及其他屬性）如果沒有明確設置有關，而其他平臺可能需要height=device-width集合。