1

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.

4

1 回答 1

3

脚步:

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

截图:

“切换设备模式”图标

在此处输入图像描述

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

在此处输入图像描述

于 2015-01-09T12:15:41.687 回答