如何正确构建与Android兼容的网站?

时间:2010-10-20 09:00:51

标签: iphone android mobile mobile-website

我是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。

2 个答案:

答案 0 :(得分:1)

一个非常简单的答案是不要在元素上硬编码宽度,也不要指定字体大小(以像素为单位)。移动浏览器将自动调整呈现的页面。

如果你想要更像iPhone的外观,如单选按钮,按钮,下拉菜单,那么你需要使用其他答案中概述的移动JavaScript库。

答案 1 :(得分:0)

一个简单的答案是移动JavaScript库,例如以下之一:

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

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

http://jquerymobile.com/

http://jqtouch.com/