携程网访问地址
技术选型
方案:我们采取单独制作移动页面方案
技术:布局采取 flex 布局
搭建相关文件夹结构
根文件夹里
- css
- images
- upload
- index.html
设置视口标签以及引入初始化样式
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="css/normalize.css"><link rel="stylesheet" href="css/index.css">
常用初始化样式
body {
Max-width: 540px;
min-width: 320px;
margin: 0 auto;
font: normal 14px/1.5 Tahoma, "Lucida Grande" , Verdana, "MicrosoftYahei" ,STxihei,hei;
color: #000;
background: #f2f2f2;
overflow-x: hidden;
-webkit-tap-highlight-color: transparent;
}