Я хочу скрыть div, содержащий виджет facebook likebox, от мобильных устройств. Я пробовал это, но это не работает.
код div:
<div id="facebook" class="fb-like-box mobile-hide" data-href="https://www.facebook.com/mypage" data-width="220" data-height="250" data-show-faces="true" data-stream="false" data-header="true"></div>
css-код:
@media screen and (min-width: 0px) and (max-width: 720px) {
#facebook { display: none; }
.mobile-hide{ display: none; }
}
Что я делаю не так? Не работает использование id или ссылки на класс.
Убедитесь, что на вашей странице определен метатег viewport.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Дополнительную информацию об этом теге см: Understanding The Viewport Meta Tag.
У меня была такая проблема некоторое время назад, и по какой-то странной причине она сработала только тогда, когда я поместил правила медиа-запроса в конец css. Не знаю, почему так, возможно, это какая-то ошибка, но попробуйте и дайте нам знать, если это сработает.