Изменение стилей через js(jquery)

Question

Изменение стилей через js(jquery)

Здравствуйте, подскажите, пожалуйста, как изменить CSS с помощью JS, учитывая @media запросы?

Имеется код:
@media screen and (orientation: portrait) { .bg {... }}
@media screen and (orientation: landscape) { .bg {... }}

(код определяет ориентацию устройства), с помощью JS необходимо изменить класс только в отношении portrait, проблема заключается в том, что для landscape класс называется аналогично и при использовании подобного "$(".bg").css(...", меняются стили в двух ориентациях.

0

js css jquery

Ответы на пост (2) Написать ответ

Быстрая регистрация для ответа Войти

Answer 1

dimkass

217

24.07.2017 00:05

Тут школьники обитают) иди на спец форумы.

0

Answer 2

вот тут копай:
$(window).on("orientationchange",function(){
if(window.orientation == 0) // Portrait
{
$("p").css({"background-color":"yellow","font-size":"300%"});
}
else // Landscape
{
$("p").css({"background-color":"pink","font-size":"200%"});
}
});

Изменение стилей через js(jquery)

Похожие посты

Анализ сайта