Zmiana zachowania zależnie od orientacji ekranu

Question

Witam,

 

W jaki sposób zmienić zachowanie diva zależnie od orientacji ekranu?

Chodzi o to, żeby na poziomych ekranach przyciski skalowały się poprzez klasę Bootstrap img-responsive, a przy orientacji pionowej wchodziła inna klasa.

 

www.naszaro.net.pl

Answer 1

Użyj CSS Media Query:

https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Managing_screen_orientation

Albo odpowiedni EventListener w JavaScript:

http://stackoverflow.com/a/9824480/4983840

Gdy wystąpi zmiana orientacji ekranu, to dodaj klasę X oraz usuń klasę Y i vice versa.