Px ou % widht ou max widht

Yo,
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).

"en résumer des remplacer tout les widht px par des %
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

TU n'ais pas obligé d'utilisé des % tu sais pour adapter au format mobile ! :) Regarde le système de bootstrap, il n'utilise pas que des % ! Tu peux gerer aussi avec

@media (max-width: 600px){
   
}