chrome的检查工具设备管理器可以拿起媒体查询手持设备吗？

Question

我在我的一些代码中添加了一个媒体查询手持设备，但找不到测试它的方法。

@media handheld{

  #small_display{
      display:block;
  }
  #map1{
      display:none;
  }
  #map2{
      display:none;
  }
}

我的网站在我的本地主机上运行，​​但是当我用谷歌检查并选择一个设备时，我看不到任何更新。

Answer 1

步骤：

1. 打开开发工具
2. 点击“切换设备模式”图标
3. 点击开发工具底部的“模拟”标签
4. 在“模拟”选项卡中选择“媒体”
5. 选中复选框“CSS 媒体”
6. 在“CSS 媒体”手持设备的下拉列表中选择

截图：

“切换设备模式”图标

开发工具底部的“模拟”标签