携程网访问地址

m.ctrip.com

技术选型

方案：我们采取单独制作移动页面方案
技术：布局采取 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;
}