移动端开发必晓

         测试环境                                              

       chrome/360安全/本地服务器  xampp  (iTools 屏幕映象）wifi分享
        打开手机上的镜像（ itools苹果录屏大师）。
        电脑手机不在同一个网时，给电脑装一个： 猎豹免费Wi-Fi 

 

 一、安装本地服务器

      XAMPP安装： 

    1） 下载安装

    2） 设置

         a)  默认Apache组件处于运行中（注意绿色），但没有加载到windows系统中作为服务。先stop停止掉Apache，然后点击左侧红色的X安装apache服务，需要添加Mysql也是同样的操作。

         b) 我们开启Apache服务，X变为绿色的√，然后打开浏览器访问localhost(或127.0.0.1本机地址)，看到下面的页面，说明服务器环境搭建成功。

         c) 那我们自己写的文件该放在哪里才能运行呢？答案是在xampp\htdocs目录下，如果存在index.php文件，优先执行该文件，如果不存在，则访问localhost将显示网站目录。下面是我将原来目录的Index.php修改为index2.php时访问localhost出现的页面。

  

二、下载iTools  >  苹果录屏大师 

       再打开手机上的镜像 Airplay

三、打开电脑网络和共享中心,查看当前网络的ip (197.7.50.83) 手机访问 这个IP，(确认手机和电脑是否在同一局域网下访问有效， 

 电脑手机不在同一个网时，给电脑装一个：猎豹免费Wi-Fi )

 

   rem 计算                                                             

1)设计图       (750px)

2)利用Less来进行rem计算   

    

(function(){
　　　　var html = document.documentElement;
　　　　var hWidth = html.getBoundingClientRect().width;
　　　　html.style.fontSize = hWidth/15 + "px";
    })()

.less 声明一下
@r:50rem;
#header{ height:100/@r;}

 

3)Koala   (less自动换算css文件工具)