Bonjour. visiteurs jour : 55       Au président     Beauté santé     Infos loisirs     Ensemble      Jean      Informatique     Robert-Arlette     Santé corona



Informatique

Accueil  Excel  Informatique  Infos  Internet  Forum  Javascript  logiciels   Programation  Sites RJ  Vidéo  Plan du site 




Le CSS

Nous entreprenons ici la compatibilité de nos premiers sites avec les mobiles à l'aide du CSS3 et de ses media queries :
Par défaut on formate le site pour l'écran de mobil le plus petit que l'on veut atteindre

.vu_pc {display:none}
.vu_mo {display: ''}
.col1 { width:98%; margin-left:1%; display: block}
.col2 { width:98%; margin-left:1%; display: block}
...
Puis pour chaque taille plus grande on utilise media screen pour reconfigurer la mise en page.

@media screen and (min-width : 680px) {
    .vu_pc {display:''}
    .vu_mo {display: none}
    .col1 { width:160px;float:left;}
    .col2 { width:calc(98% - 170px)}
    ...
}



Total des visiteurs  :    635691   dont aujourd'hui :   55    En ligne actuellement :  2      Total des clics_1516102