標籤：use height 裝置 sass mob lan 顯示 執行 屬性
開發準備：Chrome瀏覽器、require.js模組管理、Swiper外掛程式、iconfont表徵圖、Sass
參考部落格：http://www.haorooms.com/
前端開發注意事項
1、關於meta屬性
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
viewport 即可視地區
width=device-width 寬度是裝置螢幕的寬度（像素）；
height=device-height 高度是裝置螢幕的高度（像素）；
initial-scale 初始的縮放比例；
minimum-scale 允許使用者縮放到的最小比例；
maximum-scale 允許使用者縮放大的最大比例；
user-scalable 使用者是否可以手動縮放。
更多
2、Format-detection
<meta name=”format-detection” content=”telephone=no” />
telephone=no 就禁止了把數字轉化為撥號連結！
3、<meta name=”apple-mobile-web-app-capable” content=”yes” />
這meta的作用就是刪除預設的蘋果工具列和功能表列。content有兩個值”yes”和”no”,當我們需要顯示工具列和功能表列時，這個行meta就不用加了，預設就是顯示。
4、<meta name=”apple-mobile-web-app-status-bar-style” content=”default” />
<meta name=”apple-mobile-web-app-status-bar-style” content=”black” />
<meta name=”apple-mobile-web-app-status-bar-style” content=”black-translucent” />
作用是控制狀態列顯示樣式
5、單位rem
rem是相對於根項目<html>，這樣就意味著，我們只需要在根項目確定一個參考值，，在根項目中設定多大的字型，這完全可以根據您自己的需求。
CMD和AMD
兩者的都是JavaScript模組化開發的規範，只是對於依賴的模組，AMD是提前執行（也可以是順延強制），CMD是順延強制；而且CMD推崇依賴就近，AMD推崇依賴前置。
項目示範
第一個移動端項目
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
