CSS : le responsive web design

Grâce aux « media queries » c’est à dire grâce à des tests dans une feuille de style par rapport à largeur de l’écran en pixels il est possible de créer un site qui s’adapte à tous les écrans : de l’ordinateur de bureau au smartphone.

Mais attention le CSS ne suffit pas il faut aussi ajouter dans le code HTML la balise meta viewport. Il faut en effet éviter que le mobile se prenne pour un ordinateur de bureau et « dézoome » les pages du site au point que le texte est tellement minuscule qu’il devient illisible.

Lisez l’article

Publicités
Cet article a été publié dans CSS, HTML. Ajoutez ce permalien à vos favoris.

Répondre

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google

Vous commentez à l'aide de votre compte Google. Déconnexion /  Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion /  Changer )

Connexion à %s