1.移動(dòng)端可以使用媒體查詢來(lái)區(qū)分手機(jī)和PC，格式為

@media(查詢條件1) and (查詢條件2){

? ? ? selector{? ? ? ? ? ?}

}

查詢的結(jié)果也可以是一個(gè)css文件，如<link rel="stylesheet" href="./style.css" media="(max-width: 320px)">

2.手機(jī)端需要在head里加<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum=1.0,minimum-scale=1.0">來(lái)控制手機(jī)不能縮放

3.PC端可以直接設(shè)置寬度，但手機(jī)根據(jù)機(jī)型的不同會(huì)有不同的寬度，可以使用動(dòng)態(tài)rem解決這一問題，var pageWidth = document.innerWidth

document.write('<style>html{font-size:' + pageWidth + 'px;}</style>')可以設(shè)置1rem等于根元素的font-size，也等于頁(yè)面寬度，也可以設(shè)置1rem等于頁(yè)面寬度的十分之一，這樣通過rem就可以控制寬度和高度。