移动端（响应式）

1. 媒体查询 MDN

<!-- link元素中的CSS媒体查询 -->
<link rel="stylesheet" media="(max-width: 800px)"
href="example.css" />
注意这里的css会被下载的但是只是不满足条件的时候是不会生效

<!-- 样式表中的CSS媒体查询 -->
<style>
@media (max-width: 600px) {
  .facet_sidebar {
    display: none;
  }
}
</style>

2. mobile-first原则

   响应式设计最好mobile-first原则优先，不过pc-first也可以，只不过现在一半以上的用户都是用手机在访问页面

3. 为实现响应式，可以根据不同的userAgent 来显示不同的两套代码，这些都是由后端来实现的

4. 然而目前最流行的做法是：如果是pc访问的话 就跳转到pc的链接下（一般是http://www.taobao.com），如果是手机访问的话就跳转到手机的链接下（http://m.taobao.com）

   也就是说不同的设备跳不同的站点

5. meta

<meta name="view-port" content="width=device-width,
user-scalable=no, initial-scale=1.0, maximum-scale=1.0,
minimum-scale=1.0" />

在移动端页面，要加上以上代码，是为了

1. 防止手机页面模拟980像素宽度
2. 防止页面在用户双击的时候放大
3. 防止用户两指缩放页面