Поддержка мобильного браузера

0

У меня есть код, который я хочу отображать только в мобильных браузерах; не ноутбуки, настольные компьютеры и т.д. (что-то большее, чем 400 пикселей), но я не могу заставить код работать. Ничего не происходит, когда я пытаюсь. Что я делаю не так?

Здесь JSFiddle: http://jsfiddle.net/ByDAA/24/

Здесь медиа-запрос

@media screen and (min-width: 0px) and (max-width: 400px) {
  #images { display: none; }   /* hide it elsewhere */
}
  • 0
    @media screen and (min-width: 0px; max-width: 400px) { не использовал медиа-запрос, и я не совсем уверен, но попробуйте это.
  • 0
    @Ariane Это тоже не работает.
Теги:

2 ответа

1
Лучший ответ
#images

должно быть

.images

Я делаю такие ошибки все время!

jsFiddle здесь - работает

  • 0
    Я все еще могу просматривать его в своем браузере ноутбука, хотя. Должен ли он быть отключен, когда я публикую его на своем сайте?
  • 0
    Я использую следующий инструмент, чтобы помочь мне в этих ситуациях: Window Resizer . Если у вас есть доступ к Chrome, это очень полезно. Это поможет вам определить, действительно ли ваша точка останова равна 400px. Я подозреваю, что монитор вашего ноутбука больше, чем 400px?
Показать ещё 4 комментария
0

Вот что вы хотели OP? http://codepen.io/anon/pen/egpbx

Ещё вопросы

Сообщество Overcoder
Наверх
Меню