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