@Martyer

Jquery условие для мобил(или экранов меньше 500px), чтобы блокам задавались прописанные свойства?

Если экран меньше 500px, будь это iphone или любой телефон/ планшет, то к блокам применяются другие прописанные свойства, сталкивался ли кто с такой проблемой?
  • Вопрос задан
  • 4337 просмотров
Решения вопроса 1
Bear13
@Bear13
Пекарь
Вариант 1:
$(function(){
    if ($(window).width() < 500){
        // Подключаем стиль для мобильных
        $("head").append($("<link rel='stylesheet' href='css/styleMob.css' type='text/css' media='screen' />"));   
    }
    else{
        // Подключаем стиль для остальных
        $("head").append($("<link rel='stylesheet' href='css/style.css' type='text/css' media='screen' />"));
    }
});


Вариант 2:
Определять девайс через стороннюю js. Посмотреть пример можно тут:
ruseller.com/lessons.php?id=1896
А после этого уже подключать стили.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы