@Ingword
Падаван.

Как адаптивный сайт сделать неадаптивным?

Привет!

Странный вопрос, наверное :)

Но заказчик в итоге решил отказаться от адаптивности (сайт сверстан на Бутстрапе) на смартфонах (хочет отдельную моб. версию), но хочет оставить десктоп-версию, чтобы она отображалась только на ПК и на планшетах.

Т.е. задача "вырезать" адаптивность (чтобы сайт определял моб. устройство и редиректил на другой адрес), но оставить нынешнее отображение на десктопе и планшетах.

Ширина сайта 1170 пикселей, насколько я знаю, надо делать было 980 максимум, чтобы всё смотрелось нормально на все устройствах (без адаптивности).

Может есть какие-то идеи?
  • Вопрос задан
  • 1534 просмотра
Решения вопроса 1
@dev400
Шаги для блокировки адаптивного просмотра

  1. Не создавайте с именем viewport как об этом сказано в описании CSS
  2. Отмените width, .container для каждого уровня разметки определенной ширины, например так : width: 970px !important; Убедитесь, что этот код идет после включения основного кода Bootstrap CSS. При желании можно избежать !important с медиа-запросами или со специальным селектором.

  3. Если вы используете навигационное меню, удалите все меню, которые могут сворачиваться/разворачиваться.
    Для макета разметки используйте классы .col-xs-* как дополнение или вместо классов medium/large. Разметка с классом xs (extra small) масштабируется для всех размеров мониторов.


Вам понадобится Respond.js для IE8 (поскольку существуют медиа-запросы и они должны обрабатываться). Это заблокирует свойство "мобильность сайта" Bootstrap.

Пример неадаптивного шаблона

bootstrap-3.ru/getting-started.php#disable-responsive
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
Делайте редирект , верстка тут причём.
Ответ написан
alexey-m-ukolov
@alexey-m-ukolov Куратор тега CSS
Если адаптивность уже есть, то вырезать её - мартышкин труд. Да, конечно, какие-то килобайты будут зря гоняться по сети, но, скорее всего, это не критично.
Добавьте редирект на мобильную версию и всё.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы