Содержание
Вопрос: Чтобы максимально облегчить отображение страницы в мобильной выдаче в шаблоне надо установить какие то ограничения, стили, параметры? Как сделать, чтобы определённый информер/блок не показывался при таком разрешении экрана, где он будет выглядеть плохо, без необходимости подгонять их под мобильные. Просто запретить показ.
Такой способ можно описать?
Ответ: Реализуется решение данного вопроса не слишком сложно. Что нужно сделать:
1. Нужный блок или информер завернем как пример в див:
<div id="block-media">здесь содержимое нужного блока или информер $MYINF_5$</div>
2. Далее настраиваем стили для данного блока:
@media screen and (min-width: 320px) and (max-width: 650px) { #block-media { display: none;} }
3. Вместо минимальной ширины 320 (начиная с которой будет скрываться данный блок) и максимальной 650 (по которую будет скрываться, начиная с 651 блок уже отобразится) настраивайте нужные вам параметры.
Лицензия: CC BY-SA 4.0
Автор: Юрий Герук
Благодарность автору!
| |
Здравствуй Гость, комментарии могут оставлять только зарегистрированные пользователи, зарегистрируйтесь и поделитесь мнением о материале выше Регистрация или Войти.