Debian Debian-France Debian-Facile Debian-fr.org Debian-fr.xyz Debian ? Communautés

Debian-facile

Bienvenue sur Debian-Facile, site d'aide pour les nouveaux utilisateurs de Debian.

Vous n'êtes pas identifié(e).

#1 04-08-2022 20:05:12

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 big_smile
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 23:00:15)

En ligne

#2 05-08-2022 09:37:24

Croutons
Membre
Distrib. : Debian10 Buster
Noyau : Linux 4.19.0-18-amd64
(G)UI : Mate
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

Hors ligne

#3 05-08-2022 10:41:02

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 10:45:40)

En ligne

#4 05-08-2022 11:36:27

vv222
Administrateur
Lieu : Bretagne
Distrib. : GNU/Linux Debian « Sid »
Noyau : Linux ≥ 5.15 (amd64)
(G)UI : Openbox / xfwm4
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 !

Hors ligne

#5 05-08-2022 17:37:47

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 !

En ligne

Pied de page des forums