如何正確構建與Android兼容的網站？

Question

我是HTML/CSS/jQuery編碼器。我需要開發網站，將其「縮小」或「適合」到320x480（經常使用的分辨率）Android移動設備屏幕。 甚至這個解決方案應該檢查我的屏幕分辨率，並連接正確的CSS。 我遇到的地方有android.js文件，它連接到HTML並識別網站是在PC上還是在Android設備上打開。但我不確定。之前我沒有爲手機做過任何事情。

發現此文章：http://blog.mgpwr.co.uk/2010/09/make-your-website-iphone-compatible/ 不要認爲這是一個正確的解決方案，使用PHP的。 更好的是HTML或JS。

Answer 1

一個簡單的答案會是一個移動的JavaScript庫，如下列操作之一：

http://www.sencha.com/products/touch/

http://www.phonegap.com/home/

http://jquerymobile.com/

http://jqtouch.com/

Answer 2

一個非常簡單的答案是不要在元素上硬編碼寬度，也不要指定字體大小以像素爲單位手機瀏覽器將自己調整呈現的頁面。

如果你想要更多像iPhone一樣的單選按鈕，按鈕，下拉等表單控件的外觀，那麼你需要使用其他答案中概述的移動JavaScript庫。