京東移動端首頁
阿新 • • 發佈：2022-03-31
①初始化視口以及引入normalize.css檔案
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 設定視口標籤以及引入初始化樣式 --> <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"> <title>Document</title> <!-- 引入css初始化檔案 --> <link rel="stylesheet" href="./CSS/normalize.css"> <!-- 引入首頁的css --> <link rel="stylesheet" href="./CSS/index.css"> </head> <body> 111 </body> </html>
②對body元素設定字型、行高、字型型別、最大最小寬度
body {
width: 100%;
min-width: 320px;
max-width: 640px;
/* body居中 */
margin: 0 auto;
/* 移動端字型14px */
font-size:14px;
/* 設定字型型別 */
font-family: -apple-system, Helvetica, sans-serif;
/* 設定行高 */
line-height: 1.5;
}