Chrome检测工具设备管理员可以手持媒体查询吗？

Question

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

@media handheld{

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

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

Answer 1

步骤：

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

截图：

＆＃34;切换设备模式＆＃34;图标



<强>＆＃34;模拟＆＃34;开发工具底部的选项卡