媒体查询

Guide content

示例

@media screen and (max-device-width: 400px) {
  .column {
    float: none;
    width:auto;
  }

  #sidebar {
    display:none;
  }
}

以上也就是说：

如果屏幕宽度小于400像素，就取消column的浮动，

宽度自动调节 (width:auto),

sidebar块不显示 (display:none)。