手机web 开发

如果是手机web开发，应该在head之间添加一个：

<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />

<meta name="MobileOptimized" content="640" />

<meta name="HandheldFriendly" content="true" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="apple-mobile-web-app-capable" content="yes" />

<meta name="apple-mobile-web-app-status-bar-style"content="black-translucent" />

进行屏幕的适配。基于iphone自带浏览器的内核不是IE，是webkti，所以我建议在编写的css的时候不要用position：relative，建议用absolute，这样就不需要考虑不兼容的问题。不过我个人建议如果要考虑兼容性问题的话，应该需要开发多个版本的页面进行适配。

判断是手机还是电脑端浏览器登入网站：detectmobilebrowser.js，这是引用网上的人写的一个js文件进行判断的。