Код,отвечающий за определение полной или адаптированной версии в шаблоне # 1323.

голоса: 0
Здравствуйте.

Подскажите, какой код отвечает за определение устройства и решает,какую версию отобразить: полную или адаптированную под мобильные устройства в шаблоне # 1323?

<div class="nogadjet"> </div> не действует.
| Автор: | Категория: Дизайн сайта

Ответов: 1

Голоса: +1
 
Лучший ответ

За отображение сайта на различных устройствах отвечают CSS стили.

Например, в своем CSS вы можете встретить такое

@media only screen and (max-width: 360px) {
  тут CSS код для экранов с максимальной шириной 360px
}
@media only screen and (max-width: 960px) {
  тут CSS код для экранов с максимальной шириной 960px
}

И т.д.

| Автор:
Ну вот смотрите, например, у меня есть блок с информацией о профиле. Как сделать,чтобы он не был виден в адаптированной версии?

Допустим у вас есть на странице 

<div id="blockProfile">
  ... ваш блок с информацией о профиле ... 
</div>

В CSS пишете:

@media only screen and (max-width: 930px) {
  #blockProfile {
    display: none;
  }
}

 

...