CSS nob tutaj ...Przełączanie klas CSS na podstawie rozmiaru ekranu
Patrzę na responsywną strukturę i wyobrażam sobie, w jaki sposób wykonałbym różne zadania.
podstawie rozmiaru ekranu, mają zajęcia dodane do znacznika body, takie jak:
.PhoneVisible, .DesktopVisible, etc ...
Mają też zajęcia, aby linki do przycisków :
.btn, mały przycisk, med-przycisk, duży przycisk
Jestem zaskoczony, w jaki sposób możesz przejść o zmianie CSS. TO ZNACZY. coś w rodzaju:
<a href="#" class="MyButtonOptions">XXXX</>
.PhoneVisible .MyButtonOptions { btn small-button }
.TabletVisible .MyButtonOptions { btn med-button }
.DesktopVisible .MyButtonOptions { btn large-button }
Czy musisz ustawić poszczególne opcje indywidualnie?
tj. .PhoneVisible. MojeButtonOpcje {wysokość: 30 pikseli; } ???
Wszystkie porady są mile widziane!
Istnieje frameworków css do tego, to mieszanka CSS i javascript do osiągnięcia tego, używam Twitter Bootstrap, ale jest ich o wiele więcej. Po prostu wyszukaj to w Google. – VsMaX
dlaczego po prostu nie używać zapytań o media? – Prisoner
Spójrz na to pytanie: http://stackoverflow.com/questions/13015719/optional-javascript-execution-based-on-media-queries – frenchie