SEO Сообщество: Спрашивайте и помогайте

Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.

Q&A SEO

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

Hogore Hogore  
27
  23.07.2017 23:13       1 379    
Здравствуйте, подскажите, пожалуйста, как изменить CSS с помощью JS, учитывая @media запросы?

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

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

Ответы на пост (2) Написать ответ
dimkass dimkass
217
24.07.2017 00:05
Тут школьники обитают) иди на спец форумы.
0
вот тут копай:
$(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%"});
}
});
2