移動端開發必曉

         測試環境                                              

       chrome/360安全/本地服務器  xampp  (iTools 屏幕映象）wifi分享
        打開手機上的鏡像（ itools蘋果錄屏大師）。
        電腦手機不在同一個網時，給電腦裝一個： 獵豹免費Wi-Fi 

 

 1、安裝本地服務器

      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出現的頁面。

  

2、下載iTools  >  蘋果錄屏大師 

       再打開手機上的鏡像 Airplay

3、打開電腦網絡和共享中心,查看當前網絡的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文件工具)