MediaWiki:Mobile.css

De Lescatpat
Révision datée du 15 janvier 2019 à 17:15 par Daniel (discussion | contributions) (Page créée avec « →‎Le CSS placé ici n’affectera que les utilisateurs du site mobile : →‎Div container : .chahu-container { width:100%; box-sizing: border-box; } .chahu-cont... »)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

  • Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
  • Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
  • Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
  • Opera : appuyez sur Ctrl + F5.
/* Le CSS placé ici n’affectera que les utilisateurs du site mobile */


/*   Div container  */

.chahu-container {
	width:100%;
	box-sizing: border-box;
}

.chahu-container div{
	box-sizing: inherit;	
}

/* On insere un dernier élement avec clear:both qui ferme
le container */
.chahu-container:after{
	content:"";
	display:table;
	clear:both;
}

/* On insere un dernier élement avec clear:both qui permet de rendre toute div
interne au container, un container elle-même */
.chahu-container div:after{
	content:"";
	display:table;
	clear:both;
}

/* Sur common.css est 50% ! */
.chahu-half{
    width:100%;
}

.chahu-img {
    max-width: 100%;
    height: auto;
}