求移动端WEB开发教程

Question

一直都在做PC端的前端开发，对移动端的前端有所畏惧，经常不知道该学哪个框架，像jquery mobile ,zepto,sencha touch。或者根本不需要学什么框架，期盼有移动端前端开发的教程，跪求！！

Answer 1

手机web页，和PC端web页其实差别不大。主要体现在以下几点：1、移动web页需要在head里面加上这一 句：<meta name="viewport" content="width=device-width, initial-scale=1.0" />。其作用是声明页面宽度为设备宽度，不允许缩放。具体用法请自行百度。2、移动Web页尽可能使用百分比设置元素宽度，包括margin  padding 属性都尽可能用百分比设置。字体大小设置单位用 rem而不是用PX。3、特效什么的，尽量不用 jQuery ,能用CSS3就用CSS3，这样会更流畅。以 上为本人工作时自己对移动WEB开发的总结，不需要像网上说的什么框架之类的，你只是做页面又不是开发APP客户端。调试的话，就用Chrome 浏览器的toggle  device mode调试好了，用不着像网上说的那些下载什么框架什么环境之类的，需要安装个IIS就更好，这样就可以在实体设备上测试，IIS 的用处和配置过程请 自行百度

Answer 2

另外，个人觉得不要去用那些封装好了的插件，像jquery mobile之类的，针对触碰手指事件，自己写touch事件的底层代码并非是什么难事，这样如果后期需要调试自己也可以自行解决，而用别人封装的插件，你也就只能实现某些效果，却不能自行开发特有的功能。