Debian-facile

otyugh

CA Debian-Facile

Lieu : Quimperlé/Arzano

Distrib. : Debian Stable

Inscription : 20-09-2016

Site Web

CSS : comment mettre une image "à la taille de l'écran" ?

Yop,
je voudrai juste mettre une image "à la taille de l'écran" (t'sais, prendre toute la place dispo !). En temps normal suffirait de dire "auto" ou "100%" à width/height, mais en situation où l'image est dans un div en "position: fixed;" ça a pas l'air de marcher.

Une idée ? Parce que j'y connais rien, c'est de la programmation empirique
La situation c'est mon tout premier programme en JS (un overlay qui est sensé afficher les images en grand quand on clique) => https://tk.arzinfo.pw/bordel/labo/pomme/

Dernière modification par otyugh (04-08-2022 22:00:15)

---

Croutons

Membre

Distrib. : Debian12

Noyau : Linux 6.1.0-13-amd64

(G)UI : Fluxbox(NakeDeb)

Inscription : 16-12-2016

Re : CSS : comment mettre une image "à la taille de l'écran" ?

Hello
Tu lances une recherche sur le web avec des mots clé en anglais tu as toujours + de réponses pertinente
peut être ceci peut d'aider
https://stackoverflow.com/questions/166 … nt-underne

---

-->les cahiers du debutant<--      WikiDF-->Découvrir les principales commandes Linux<-- 
L' expérience, c'est le nom que chacun donne à ses erreurs. Oscar Wilde

otyugh

CA Debian-Facile

Lieu : Quimperlé/Arzano

Distrib. : Debian Stable

Inscription : 20-09-2016

Site Web

Re : CSS : comment mettre une image "à la taille de l'écran" ?

Ça marche pas avec des images en fait. Le côté "taille-max=fenêtre" marche bien latéralement, mais verticalement, nope.
J'ai déjà tenté variété de trucs, hein.

Si ça marchait, je verrai les 4 pommes quel que soit la taille de la fenêtre du navigateur, et c'est pas le cas.
https://tk.arzinfo.pw/bordel/labo/ex/

...Sinon je peux toujours bricoler en JS pour obtenir la taille de la fenêtre et imposer le height/width, mais fuuu.

Dernière modification par otyugh (05-08-2022 09:45:40)

---

vv222

Administrateur

Lieu : Bretagne

Distrib. : Debian Sid

(G)UI : sway

Inscription : 18-11-2013

Site Web

Re : CSS : comment mettre une image "à la taille de l'écran" ?

Je pense que le souci ici est l‘utilisation d’une div avec l’image appliquée via background. Pour un bon contrôle sur la manière dont l’image est affichée, je partirais plutôt sur une balise img.

J’ai obtenu un assez bon résultat en bidouillant un peu, avec :

<div class="image">
    <img src="https://tk.arzinfo.pw/bordel/labo/pomme/karmijn_de_sonnaville/big.jpg">
</div>

La classe "image" conserve les mêmes propriétés que dans ton test, sauf "background-image" qui est retiré.
La balise img a ces deux propriétés :

max-width: 100%;
max-height: 100%;

---

Jouer sous Debian ? Facile !

Ceterum censeo Barum esse delendam

otyugh

CA Debian-Facile

Lieu : Quimperlé/Arzano

Distrib. : Debian Stable

Inscription : 20-09-2016

Site Web

Re : CSS : comment mettre une image "à la taille de l'écran" ?

D'où ça marche ? J'étais persuadé d'avoir essayé ça en premier voyant que les div réagissaient comme je voulais...

Mauvaise foi (et mémoire) à part, merci !

---