css - Chrome の検査ツール デバイス マネージャは、メディア クエリ ハンドヘルドを取得できますか?

Question

コードの一部にメディア クエリ ハンドヘルドを追加しましたが、それをテストする方法が見つかりません。

@media handheld{

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

localhost でサイトを実行していますが、Google で調べてデバイスを選択すると、更新が表示されません。

Answer 1

手順:

1. 開発ツールを開く
2. 「デバイスモードの切り替え」アイコンをクリックします
3. 開発ツールの下部にある「エミュレート」タブをクリックします
4. 「エミュレート」タブで「メディア」を選択
5. チェックボックス「CSSメディア」を選択します
6. 「CSSメディア」ハンドヘルドのドロップダウンリストで選択

スクリーンショット:

「デバイスモードの切り替え」アイコン

開発ツールの下部にある「エミュレート」タブ