在書寫移動端項目的時候，我們必不可少的就是meta標簽的viewport視圖：

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scle=2.0,mininum-scale=1.0,user-scaable=no">

加上這段代碼就是為了使頁面的寬度可以等於屏幕的寬度，並且給移動端添加顯示的初始比例，最大縮放比，最小縮放比，以及是否允許用戶縮放屏幕

移動端的自適應實現在這裏，我主要介紹四種方法：

<!-- 方法一rem布局 -->
<!-- 給body和html添加一個font-size="100px"屬性，並且將頁面中的標簽，不管是寬高，還是font-size，或著是其他的一些屬性，只要有px的一律都改成rem單位，
<script>
function resetsize(){
var html=document.getElementsByTagName(‘html‘)[0];
var Ww=document.documentElement.clientWidth;
html.style.fontSize=Ww/psd的寬度*起始設置的fontSize+"px";
}
resetsize();
window.onresize=function(){
resetsize();
}
</script> -->

<!-- 方法二zoom布局 -->
<!-- 按照給定的psd圖布局並且所有的尺寸都不變，直接按照給定的大小書寫就好

<script>
function resetzoom(){
var Ww=document.documentElement.clientWidth;
var scale=Ww/當前psd圖的寬度;
document.body.style.zoom=scale;
}
resetzoom();
window.onresize=function(){
resetzoom();
}
</script> -->

<!-- 方法三百分比布局 -->
<!-- 給html和body設置寬和高均為100%，頁面中的所有與邊距有關的都設置為百分比，但是字體大小仍然使用px； -->

<!-- 方法四引入外部文件 -->
<!-- 在引入外部文件（ort.js）之前，首先必須引入jq文件，值得註意的是，頁面中的所有內容均使用PSD圖上的數據 -->

移動端適配的問題