如何正确构建兼容 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

一个非常简单的答案是不要对元素的宽度进行硬编码，也不要以像素为单位指定字体大小。移动浏览器会自行调整呈现的页面。

但是，如果您想要更多类似 iPhone 的表单控件外观，例如单选按钮、按钮、下拉菜单，那么您需要使用其他答案中概述的移动 javascript 库。

Answer 2

一个简单的答案是移动 javascript 库，例如以下之一：

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

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

http://jquerymobile.com/

http://jqtouch.com/