website logo
Auteur
avatar
yanng

Forum » » Le coin des codeurs » » responsive machinchose


Posté : 30 mars 2013 à 19:58 icone du post

oui, bartok, mais dans la mesure ou je ne suis pas bon en prog, je demarre d 'un theme tout fait...

nouvel exemple sur Permanent-Double-Side ce theme qui est fait dans les regles de l art ( les balises ne sont pas entre-croisé et si tu modifie le css d'une tu ne modifie que celle là) et bien en 10mn j'ai fait une adaptation

http://s460077810.onlinehome.fr/index.php?op=edito


ok, ce n'est pas fini, mais pour le temps passé le relutat est plus que correct, enfin je trouve...

recap des modifs:


echo '<meta name="viewport" content="width=device-width, maximum-scale=1"/>';

au debut du header du theme

et


@media (max-width: 990px){  copie de l actuel style.css que l on modifie a sa guise avec des display et autre width...}



que l on met a la fin du style.css ( max-width: 990px inclus ma tablette en 7 pouces, mais on peut repeter l'operation tant qu'on veut, en rajoutant autant de @media que l on veut toucher d'appareils..

C'est du responsive, mais sans codes compliqué

Cet article provient de NPDS
https://www.npds.org/viewtopic.php?topic=25783&forum=5