Créer une version de son site web pour iPhone

Écrit par Sofiene    Aucun commentaire

Cet appareil de plus en plus en vogue, il est préférable d’optimiser l’affichage de son site pour gérer ce genre de mobile.

Ceci est possible a travers une propriété a ajouter sur votre feuille CSS que vous avez déjà liée sur votre page HTML :

Sur cette même feuille vous ajouter la ligne suivante :

/*--- CSS pour les navigateur ici ---*/

/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){
/*--- CSS pour iPhone ici ---*/
}

Le code CSS ajouté à partir de cette ligne ne sera interprété que par le navigateur de l’iPhone ou un mobile ayant un écran d’une résolution similaire.