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

Posted 2023-03-06

【中文标题】chrome的检查工具设备管理器可以拿起媒体查询手持设备吗？

【英文标题】：Can chrome's inspect tool device manager pick up media query handheld?

【发布时间】：2015-03-04 18:31:03

【问题描述】：

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

@media handheld

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

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

【参考方案1】：

步骤：

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

截图：

“切换设备模式”图标

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