Возможно ли переключать css @media query из JS?

Question

[Aleksey Kuzmin]

Мне нужно добавить кнопку "Полная версия" в адаптивной верстке. Понимаю, что извращение, но заказчика не удалось отговорить.

Верстка на bootstrap3. Возможно ли из JS манипулировать @media?

Answer 1

[Руслан Лопатин]

А что мешает создать две версии CSS и переключаться между ними? Создать их можно с помощью LESS или SASS, просто с разными настройками адаптивности. Bootstrap 3 это позволяет.

Comments

[Aleksey Kuzmin]

точно. можно поменять конфиг в less и собрать альтернативную версию бутстрапа. спасибо

Answer 2

[Piranis]

@media screen and (max-width: 378px) {
 div#huiv{ margin:0px;}
 ....
 }

вынести его в одельный фал и по клику удалять ссылку на него - вариант только тогда когда вся адаптивная верстка bootstrap элементов вынесена так-же в этот отдельный файл