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 !
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.
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.
en fonction de la résolution du device
Avec des media queries
Tu pourras l'afficher à partir d'une certaine largeur d'écran.
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