Se connecter

Informatique

Création de sites web

Sujet : Montrer une image sur PC, la cacher sur mobile: comment faire?
1
Bromo
Niveau 16
06 novembre 2019 à 09:28:52

Salut à tous,

Je voudrais afficher un QR code sur une page de mon site lorsqu'on le voit sur PC, mais cacher ce QR code sur mobile.

Une idée de comment faire ? Merci !

TidoDaWiseOlMan
Niveau 7
06 novembre 2019 à 10:12:10

Soit tu joues avec les breakpoints et les propriétés CSS pour cacher ce bloc sur les devices mobiles, soit tu fais une détection par UserAgent.

Thymotep
Niveau 10
06 novembre 2019 à 12:09:57

Hello,

Soit en CSS comme le dit Tido, soit si tu utilises bootstrap ou un framework CSS, tu auras déjà une classe permettant d'afficher ou non un élément selon la taille de l'écran.

Corsair25
Niveau 9
06 novembre 2019 à 12:32:35

en fonction de la résolution du device :)

UndeadMarston6
Niveau 10
06 novembre 2019 à 12:37:53

Avec des media queries :ok:

Tu pourras l'afficher à partir d'une certaine largeur d'écran. :ok:

C_Ancor_Moa
Niveau 9
09 novembre 2019 à 01:03:34

Salut :)

C'est trés simple a faire en CSS, grâce aux média query. Vers la fin de ton css, tu met

@media screen and (max-width: 1280px)
{
.monImage {
display: none;
}
}

Si ton image a cette classe, elle prendra automatiquement la propriété display none sur tous les écrans de moins de 1280px

1
Sujet : Montrer une image sur PC, la cacher sur mobile: comment faire?
   Retour haut de page
Consulter la version web de cette page