18631817090
手机网站开发注意事项与开发总结
发表日期:2015/12/5  作者:勤快牛网络 浏览:
使用手机浏览网站的朋友已经非常多了,因此从事互联网行业的朋友如果在不重视手机网站的开发与运作,那就可能被行业淘汰了。下面我们结合实际开发经验,总结了一些手机网站开发过程中的注意事项:
1. 手机站页面宽度自适应问题。
我们做pc站的时候一般都会对网页的宽度做一下限制,比如宽度设为1080px,字体大小也同样设置一下(比如:14px)。如果同样的做法放到移动端,显示的效果差别会非常大。因为移动端的设备种类太多,屏幕的尺寸、分辨率等都不一致。那么我们该如何应对这样的问题呢?
还好w3c可以帮我们解决,只需要在在页面头 加上这句代码就可以

字体我们也不要采用传统的px,可以使用em或ex,因为em可以根据比例自动调整。


2. $("#divID").bind("touchmove touch",function(e){e.preventDefault()},false); 是什么意思?

我们先了解一下bind函数是什么意思?

bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。

然后主要讲述一下function(e){e.preventDefault()}这个函数?

这个函数的作用:阻止默认事件。比如当你点击带有href值的a标签时,元素响应click事件后,还会发生页面跳转.如果加上这个方法(属性)后,浏览器只会响应click事件,不会发生跳转.

3.

4.

5.