Je travaille sur une page pour mon forum mybb et j'ai ajouté quelques images et je les veux à l'échelle avec la résolution de l'écran, donc si j'ai un 17 " il ressemble à quelqu'un avec un écran 19 ". Parce que maintenant les images ont l'air tout foiré. Voici la page sur laquelle je travaille. http://crescentgaming.com/forums/test.phpComment je ferais une échelle d'image avec le navigateur ou la résolution d'écran avec css
Dans votre CSS, utilisez les pourcentages.
HTML
<img src="/folder/whatever.jpg">
CSS
img{
width: 45%;
}
Bien sûr, vous pouvez passer à tout ce que vous voulez pour cent. Il y a une manière plus compliquée avec JavaScript, mais cela fonctionne habituellement (pour moi).
essayer le% au lieu de l'unité px ou utiliser @media et spécifier les dimensions pour toute résolution @media
CSS @media for standard devices
J'espère que cela aidera PS: sous la @media vous pouvez spécifier des changements seulement pour certains éléments, ID ou classes, vous n'avez donc pas besoin de repenser la page du trou (pour autant que je sache) donc ne soyez pas timide pour essayer :)
Essayez les recherches sur les médias CSS https : //developer.mozilla.org/en-US/docs/CSS/Media_queries – Ejaz
Pourquoi ne pas juste la largeur 100%? Cela en combinaison avec les requêtes des médias pour servir la résolution la plus proche devrait le faire –
Quelle image est-il sur le test? On ne sait pas ce que vous entendez par "pareil" pour les différentes tailles d'écran. – ArleyM