A voir également:
- Image adaptive
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Légender une image - Guide
- Image gratuite - Guide
2 réponses
Salut,
vu que vous indiquez une valeur fixe(dite absolue) cela ne pourra effectivement pas s'adapter.
Il faut donc changer cela, par exemple en indiquant une dimension en pourcentage(ici 580px ne correspondant qu'à votre écran ou les quelques personnes ayant exactement la même résolution d'écran tandis qu'un pourcentage sera toujors identique quelque soit la taille en pixel de l'écran de chacun).
Le lien suivant détaille la diférence entre les unités relatives et absolues et les contextes d'emploi de chacune:
https://www.w3.org/Style/Examples/007/units.fr.html
Il y a bien d'autres solutions(et nécessitées) pour le responsive design(ou design adaptatif en français) mais celle là est la plus basique.
Un bon moyen de tester est de changer votre résolution d'écran pour voir si le site s'affiche correctement en 800X600, et autres résolutions d'écran et surtout ne vous fiez pas uniquement à votre talle/résolution d'écran.
Un site étant fait pour être vu il doit donc être destiné à la majorité des utilisateurs.Vus avez aussi dans l'outil de développement des navigateurs la possibilité d'avoir un affichage dans les résolutions des appareils portables(tablettes/téléphone) ce qui permet de ne pas avoir à changer soit même la résolution et d'utiliser les dimensions en pixels des principaux appareils.
Voir aussi quelques recherches sur : responsive design, media queries CSS, web adaptative
et pour compléter les recommandations du WAI édictées par le consortium web et ayant pour but de garantir l'accès à tous le sites à tout le monde :
https://fr.wikipedia.org/wiki/Web_Accessibility_Initiative
Correspondre à ces exigences de qualités en plus d'enrichir le site en le rendant accessible et disponible pour tous est à la base d'un bon référencement donc des recommandations qui sont bonnes à prendre en compte.
vu que vous indiquez une valeur fixe(dite absolue) cela ne pourra effectivement pas s'adapter.
width: 580px;
Il faut donc changer cela, par exemple en indiquant une dimension en pourcentage(ici 580px ne correspondant qu'à votre écran ou les quelques personnes ayant exactement la même résolution d'écran tandis qu'un pourcentage sera toujors identique quelque soit la taille en pixel de l'écran de chacun).
Le lien suivant détaille la diférence entre les unités relatives et absolues et les contextes d'emploi de chacune:
https://www.w3.org/Style/Examples/007/units.fr.html
Il y a bien d'autres solutions(et nécessitées) pour le responsive design(ou design adaptatif en français) mais celle là est la plus basique.
Un bon moyen de tester est de changer votre résolution d'écran pour voir si le site s'affiche correctement en 800X600, et autres résolutions d'écran et surtout ne vous fiez pas uniquement à votre talle/résolution d'écran.
Un site étant fait pour être vu il doit donc être destiné à la majorité des utilisateurs.Vus avez aussi dans l'outil de développement des navigateurs la possibilité d'avoir un affichage dans les résolutions des appareils portables(tablettes/téléphone) ce qui permet de ne pas avoir à changer soit même la résolution et d'utiliser les dimensions en pixels des principaux appareils.
Voir aussi quelques recherches sur : responsive design, media queries CSS, web adaptative
et pour compléter les recommandations du WAI édictées par le consortium web et ayant pour but de garantir l'accès à tous le sites à tout le monde :
https://fr.wikipedia.org/wiki/Web_Accessibility_Initiative
Correspondre à ces exigences de qualités en plus d'enrichir le site en le rendant accessible et disponible pour tous est à la base d'un bon référencement donc des recommandations qui sont bonnes à prendre en compte.