移動端，手機端 響應式布局頭部代碼

標籤：

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"><meta name="apple-mobile-web-app-capable" content="yes" />    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /><meta name="format-detection" content="telephone=yes"/><meta name="msapplication-tap-highlight" content="no" />

width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no 大概意思是，網頁寬度採用裝置寬度，縮放比例為1，不允許使用者縮放操作。

• 響應式布局 單位最好用rem；將html的font-size:62.5%; 
• body{font-size:1.6rem;} 這樣 px與rem的轉換方式就是px/10=rem;

 

移動端，手機端 響應式布局頭部代碼