手机网页制作注意事项，持续更新中……

我是新手，第一次写这样的文章，还希望大家多提建议和指导一下才是！

现在手机领域呈现出三足鼎立的时态，而智能手机普及程度也达到了前所未有的程度！那么这样的普及程度，也带来了人们使用手机浏览网页会更多！但是电脑的网页在手机浏览的时候就被缩小很多，要双击或者拉大才能看清楚。值得庆幸的事，这些三足鼎立的操作系统都是支持html5的！所以用html5制作手机网页是首选之中的首选！

1.在制作手机网页的时候，务必在head里面加上如下代码：

<meta name="viewport" content="width=device-width"/> 
<meta name="format-detection" content="telephone=no" />

　　

在做成html页面的时候我已经加上去了，但是到程序员编写程序的时候没有把这句加上去，导致手机浏览网页就像浏览我们电脑网页一样，变得很小！找了好久没有找到，起初以为是样式问题呢 嘿嘿！

2.现在智能手机（Iphone、Android）的内置浏览器都是基于webkit内核的，平且几乎完美支持html5+css3，所以在开发手机web，最好用html5+css3！至于为什么，自己去google一下或者百度一下。

（1）首先要熟悉和了解html5+css3，了解webkit内核是什么，其实这个在写css样式时这样写：-webkit-，比如常用到的-webkit-box-sizing:border-box;

（2）做网页，大多数会用js写一些效果，同样在手机网页里，我们也可以用js写一些效果，但是有的js事件在手机网页里面不兼容，比如我上次改版我们公司的协同网页手机版的时候发现：

obj.live("click",function(){
alert(0);
})

上面的大代码在安卓手机是执行的，但是在iPhone（苹果）手机自带浏览器，包括ios应用的其他浏览器，比如：UC浏览器，QQ浏览器等，是没有执行的，换到下面的代码就可以了

obj.click(function(){
alert(0);
})