媒体查询 移动端适配

移动端加上

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

width=device-width ：表示宽度是设备屏幕的宽度
initial-scale=1.0：表示初始的缩放比例
minimum-scale=1.0：表示最小的缩放比例
maximum-scale=1.0：表示最大的缩放比例
user-scalable=no：表示用户是否可以调整缩放比例

使用link时

<link rel="stylesheet" media="(max-width: 800px)" href="example.css" >

直接在style中使用

<style>
@media (max-width: 600px) {
  .facet_sidebar {
    display: none;
  }
}
</style>