如何正确构建与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库。