Continguts segons dispositiu
Voleu amagar continguts a mòbils perquè no hagin de carregar tota la pàgina o que una tauleta vegi alguna cosa que no veu una pantalla?
Dificultat Fàcil
Afegiu la classe per codi.
Classes filtrants
Afegint una simple classe podeu fer que un contingut es vegi en un dispositiu o no.
L'ús principal és el de treure informació redundant per al mòbil o continguts no adpaptats. No feu versions reduïdes de mòbil perquè els usuaris de mòbil volen rebre la mateixa informació que els d'escriptori de PC convencional.
| Classe | Mòbils | Tauletes | Escriptoris per defecte |
|---|---|---|---|
.visible-phone |
Visible | Amagat | Amagat |
.visible-tablet |
Amagat | Visible | Amagat |
.visible-desktop |
Amagat | Amagat | Visible |
.hidden-phone |
Amagat | Visible | Visible |
.hidden-tablet |
Visible | Amagat | Visible |
.hidden-desktop |
Visible | Visible | Amagat |
Utilitzeu-ho en casos molt concrets i específics i eviteu crear versions diferents segons dispositiu. Ho heu d'emprar per complementar cada presentació en cada dispositiu.
Les utilitats responsives no s'han d'utilitzar en taules (les taules és millor no utilitzar-les gairbé mai) perquè no tenen suport per a això.