Задать вопрос
litlleidiot
@litlleidiot
Фронт-Энд разработчик

Как убрать адаптивность на адаптивном сайте?

Всем привет, есть полностью адаптивный сайт и есть проблема с элементом который должен быть только в полной версии, но так как второй версии сайта нету возникла проблема. Задача - Сделать по клику какой то элемент (просто повесить событие) открытие в мобиле обычной десктопной версии. Пробовал вьюпорты менять, не работает. Железобетонный вариант - по клику изменять в теге мета значение "content и width добавлять вместо device-width значение 1200px" как сделать?
Заранее спасибо

meta(name='viewport', content='width=device-width, initial-scale=1.0')
  • Вопрос задан
  • 330 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 2
litlleidiot
@litlleidiot Автор вопроса
Фронт-Энд разработчик
UPD: Проблему решил
$('head').append('<meta name="viewport" content="width=1200px, initial-scale=0, user-scalable=1">')
Ответ написан
@IceJOKER
Web/Android developer
Вот как раз адаптивность и может решить эту проблему - "есть проблема с элементом который должен быть только в полной версии"

По-умолчанию у элемента display: none;, дальше уже с помощью медиа запросов показываете этот элемент, если ширина экрана больше какого-то значения.
Либо наоборот, смотря какой у вас метод - mobile first OR desktop first ))
Ответ написан
Ваш ответ на вопрос

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

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