css - Can chrome's inspect tool device manager pick up media query handheld?

Question

I added a media query handheld to some of my code but cannot find a way to to test it.

@media handheld{

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

I have the site running on my localhost but when I inspect with google and select a device I see no update.

Answer 1

脚步：

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

截图：

“切换设备模式”图标

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