2014-01-26 3 views
2

Я пытаюсь создать ссылку в нижней части моего сайта, как это:Как переключать CSS медиазапросы на и вне

Regular view | Mobile view 

Щас файл CSS содержит медиа-запрос для обычных и мобильных взглядов так что это автоматически настраивается в зависимости от размера экрана. Как я могу позволить пользователю контролировать это со ссылками?

ответ

0

Если поставить все запросы СМИ в один файл, вы можете отключить их с этим:

document.getElementById('my-css-file').disabled = true; 

Live demo here (click).

+0

Я забыл упомянуть, все мои CSS на одной странице, я читать где-то рекомендуется, чтобы все было как можно меньше страниц, чтобы максимизировать производительность с точки зрения скорости. Есть ли способ сделать то, что делает ваша демо с одним файлом css? –

+0

@ user3233664 ну, конечно, не с этим решением. Один файл css определенно лучше, но не так уж плохо добавить еще один. Я обновлю, если найду лучший способ. – m59

+0

да, если вы можете найти, как сделать с одним css-файлом, который был бы замечательным, другой мудрый я должен проверить файл javascript или php, который загружает css, и это потребует еще большего времени работы на веб-сайте. это для вашей помощи! –

Смежные вопросы