Div Показать / Скрыть медиа запрос

Question

Div Показать / Скрыть медиа запрос

Какой код я могу использовать, чтобы сделать определенный div показываемым только на мобильной ширине?

У меня есть 100% width full div в верхней части экрана, хотел бы, чтобы он показывался только тогда, когда устройство указано как мобильная ширина.

534 2

media mobile

2 ответов:

Comments

Ничего не найдено.

Martin Poljak · Accepted Answer · 2012-08-03 16:14:45

Я не уверен, что вы имеете в виду под "подвижной шириной". Но в каждом случае CSS @media может использоваться для скрытия элементов в основе ширины экрана. Смотрите пример:
<div id="my-content"></div>
...и:
@media screen and (min-width: 0px) and (max-width: 400px) {
  #my-content { display: block; }  /* show it on small screens */
}

@media screen and (min-width: 401px) and (max-width: 1024px) {
  #my-content { display: none; }   /* hide it elsewhere */
}
Некоторое действительно мобильное обнаружение-это своего рода жесткое программирование и довольно трудное. В конце концов увидеть: http://detectmobilebrowsers.com/ или другие подобные источники.

Joe Neuman · Accepted Answer · 2016-04-17 07:24:14

Похоже, что вы хотите получить доступ к окну просмотра устройства. Вы можете сделать это, вставив этот мета-тег в свой заголовок.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Http://www.w3schools.com/css/css_rwd_viewport.asp