CSS-移动端页面（响应式）

媒体查询

// 样式表中的CSS媒体查询
<style>
  @media (min-width: 769px){
    body{ background-color: purple;}
  }
  @media (min-width: 321px) and (max-width: 768px){
    body{ background-color: orange;}
  }
  @media (max-width: 320px){
    body{ background-color: red;}
  }
</style>
// link元素中的CSS媒体查询
<link rel="stylesheet" media="(max-width: 800px)" href="example.css" />