本文将带你了解WEBAPP开发教程之2016超实用HTML5+CSS3移动web开发、手机网站源码(Mobile Web App微商城)、webApp企业微站，希望本文对大家学WEBAPP有所帮助

     前段时间一直在研究移动端手机网站的开发，对于手机网站可能很多童靴和我一样认为手机网站做起来很难，不知如何着手，后来通过做一些 项目   后，发现做手机网站和pc网站流程是一样一样的，只是使用的HTML5、CSS3、zepto(jquery)+iScroll+swipe多些，所以对新手来将，找个好源码资源并多看些这方面的资料，问题还是可以解决的!!!下面就说说怎么来开发移动手机网站吧!
   
    一般我们自己手动开发手机网站的话，基本可以划分两类来做到。
    一类是通过在网页头部添加meta标签进行实现(网页指html5的格式来开发)。
    另一类是通过CSS3的Media标签(媒介查询)来实现。不了解媒介查询的朋友，可以看看这篇文章：响应式布局。
   
    其实在移动端的开发让我纠结的是在字体单位上的选择。
      随着CSS3的兴起，有一种叫rem的单位渐渐的出现在我们的视野中。它是一个相对单位，能实现响应式的那种。它是相对于html根元素来设置当前文字大小，或者宽高的。因为它是一个不固定值,不像PX。听说在PX这个单位在PC和移动的解析不同，所以才使用rem的。这点我也不是很清楚，也请教了一些做手机网站的高手，了解了一些信息。
   
    关于CSS3新字体单位REM的解释，可以了解下这几篇文章，讲解的还是比较详细：
    1、腾讯ISUX： web app变革之rem(解释的比较好了)
    2、大漠博客： CSS3的REM设置字体大小3、小黑成长录：关于webapp中的文字单位的一些捣腾
   
    至于手机网站的调试问题:
    一般我们采用的:在浏览器调试+真机测试，因为浏览器毕竟只是一个模拟工具，实际开发的话，我们还得用真机去测试。比如:(Android类手机，iPhone5、5s、6、6Plus...)而在浏览器上测试，可以chrome(谷歌浏览器)的F12调试工具:有个手机样的小图标，点击就能模拟手机测试。或者用火狐的测试工具:按shift+ctrl+M进行查看。
    最后这个是我前段时间做的一个项目源码：
   
   
     
       
   
     
           

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之WebApp频道！