移動開發前準備
阿新 • • 發佈：2021-01-11
1.搭建資料夾骨架，如圖：
2.index.html：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- 設定視口：佈局視口的寬度應該與理想視口的寬度一致，簡單理解就是裝置有多寬，我們佈局的視口就多寬 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimumscale=1.0, userscalable=no" 3.index.css:
body {
max-width: 540px;
/* 移動端:最小寬度320 */
min-width: 320px;
margin: 0 auto;
background: #fafafc;
/* 水平不要有滾動條 */
overflow-x: hidden;
/* 防止點選背景高亮顯示 */
-webkit-tap-highlight-color: transparent;
}
a {
text-decoration: none;
color: gray;
font-size 4.移動端公共樣式normalize.css:連結：https://pan.baidu.com/s/1FMPYeVuaprBEdkz2NS9XEQ
提取碼：cj42
tips:移動端常見佈局有【流式佈局（百分比），Flex佈局，Less+rem+媒
體查詢佈局，混合佈局，響應式佈局】