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

Question

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

@media handheld{

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

我的网站在我的本地主机上运行，​​但是当我使用 google 和 select 设备检查时，我没有看到任何更新。

Answer 1

步骤：

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

截图：

“切换设备模式”图标

开发工具底部的“模拟”选项卡