2015-01-07 5 views
1

Я добавил медиа-запрос вручную к некоторому из моего кода, но не могу найти способ его протестировать.Может ли хромировать инспектора инструментального устройства выбрать медиа-запрос ручной?

@media handheld{ 

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

У меня есть веб-сайт работает на моем локальном хосте, но когда я проверять с помощью Google и выбрать устройство, я не вижу никаких обновлений.

ответ

3

Шаги:

  1. Open DevTools
  2. Нажмите значок "Переключить режим устройства"
  3. вкладка
  4. Нажмите кнопку "Эмуляция" в нижней части Дев инструментов
  5. Выберите "Медиа" в "Emulate" вкладки
  6. Выберите флажок «CSS медиа»
  7. Выберите в раскрывающемся списке «CSS СМИ» карманных

Скриншоты:

значок "Переключить режим устройства"

enter image description here

Вкладка "Эмуляция" в нижней части Дев инструментов

enter image description here

+0

отличные, спасибо вы и любите аватар – powpow12

 Смежные вопросы

  • Нет связанных вопросов^_^