Px ou % widht ou max widht
bruno
-
Lerendra Messages postés 412 Date d'inscription Statut Membre Dernière intervention -
Lerendra Messages postés 412 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
une question
là j'ai actuellement
on m'a conseiler de mettre
en résumer des remplacer tout les widht px par des %
et dans les padding c'est remplacer px par EM
ou bien on ma dit de remplacer tout les widht par max widht
une question
là j'ai actuellement
margin:10px; /* top right bottom left */ padding:10px; /* top right bottom left */ width:60px; /* longueur du cadre */
on m'a conseiler de mettre
margin:1em; /* top right bottom left */ padding:1em; /* top right bottom left */ width:10%; /* longueur du cadre */
en résumer des remplacer tout les widht px par des %
et dans les padding c'est remplacer px par EM
ou bien on ma dit de remplacer tout les widht par max widht
A voir également:
- Px ou % widht ou max widht
- Max ou netflix - Accueil - Streaming
- Driver max - Télécharger - Pilotes & Matériel
- I14 pro max - Accueil - Guide téléphones
- Kidicom max appareil photo ne fonctionne plus - Forum Téléphones & tablettes Android
- Max maillot avis - Forum Consommation & Internet
sauf que plus de la moitié des utilisateurs vont consulter Internet d'un mobile et que le référencement Google est prioritaire sur les sites qui s'adressent aux mobiles.
A voir si c'est adapté à la taille d'un écran qui tient dans la main et un écran de bureau.
Les valeurs relatives comme pourcentage et quadratin sont adaptées tandis qu'un positionnement avec des valeurs fixes n'a aucun sens pour les différentes résolutions.
Où plutôt cela s'appelle un bug graphique(quand l'affichage n'est pas celui que l'on veut ou pas le même pour tout le monde).
Une solution simple est de tester les différentes résolutions en changeant celles ci dans son ordinateur pour voir si la mise en page est gardée.
On peut aussi tester sur les mobiles mais là il vaut mieux faire une mise en page différente en utilisant les media querizes CSS par exemple(+polyfil pour la compatibilité des navigateurs si des fonctions récentes et/ou prévoir les utilisateurs qui ont un navigateur web pas à jour).
et dans les padding c'est remplacer px par EM "
Pas du tout: em(ou quadratin typographique) correspond à la taille de la ligne en cours(donc changée par line-height et les dimensions des fontes). Et les % indiquent simplement la dimension dans la taille totale disponible de chaque élément(donc dans son élément container).
Faire un site avec des dimensions relatives au lieu de fixe' c'est simplement faire qu'il s'adapte au plus grand nombre et la résiolution de chacun.
En clair avec des dimensions qui sont pas proportionnelles à l'affichage de chacun (la résolution de chaque écran, le redimensionnement d'une fenêtre de navigation) vous ne faites le site que pour l'afficher pour vous sur votre écran à votre résolution...aucun intérêt ou clair foutXXe de gueule ;)
Un article d'il y a 2 ans donc les infos ont du changer depuis mais ça vous donnera une idée de ce à quoi s'adapter:
http://www.ah-book.com/Blog/resolutions-ecrans-site-web-2013.php
@media (max-width: 600px){ }