CONNEXION
  • RetourJeux
    • Tests
    • Soluces
    • Previews
    • Sorties
    • Hit Parade
    • Les + attendus
    • Tous les Jeux
  • RetourActu
    • Culture Geek
    • Astuces
    • Réalité Virtuelle
    • Rétrogaming
    • Toutes les actus
  • RetourHigh-Tech
    • Actus JVTECH
    • Bons plans
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTECH
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch
    • Xbox Series
    • Overwatch 2
    • FUT 23
    • League of Legends
    • Genshin Impact
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • PS4
  • One
  • Switch
  • Wii U
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Etoile Abonnement RSS

Sujet : Montrer une image sur PC, la cacher sur mobile: comment faire?

DébutPage précedente
1
Page suivantePage suivante
Bromo Bromo
MP
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 TidoDaWiseOlMan
MP
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 Thymotep
MP
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 Corsair25
MP
Niveau 9
06 novembre 2019 à 12:32:35

en fonction de la résolution du device :)

UndeadMarston6 UndeadMarston6
MP
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 C_Ancor_Moa
MP
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

DébutPage précedente
1
Page suivantePage suivante
Répondre
Prévisu
?
Victime de harcèlement en ligne : comment réagir ?
Infos 0 connecté(s)

Gestion du forum

Modérateurs : Thymotep
Contacter les modérateurs - Règles du forum

Sujets à ne pas manquer

La vidéo du moment