Div afficher / masquer la requête multimédia
Quel code puis-je utiliser pour faire un spectacle div particulier uniquement si sur une largeur mobile?
J'ai une largeur complète de 100% div en haut de mon écran, je voudrais qu'il ne s'affiche que lorsque l'appareil est spécifié comme une largeur mobile.
2 réponses
Je ne suis pas sûr, ce que vous voulez dire comme la "largeur mobile". Mais dans chaque cas, le CSS @media peut être utilisé pour masquer des éléments dans la base de largeur d'écran. Voir un exemple:
<div id="my-content"></div>
...et:
@media screen and (min-width: 0px) and (max-width: 400px) {
#my-content { display: block; } /* show it on small screens */
}
@media screen and (min-width: 401px) and (max-width: 1024px) {
#my-content { display: none; } /* hide it elsewhere */
}
Une détection vraiment mobile est une sorte de programmation difficile et plutôt difficile. Voir éventuellement le: http://detectmobilebrowsers.com / ou d'autres sources similaires.
Il semble que vous souhaitiez peut-être accéder à la fenêtre d'affichage de l'appareil. Vous pouvez le faire en insérant cette balise meta dans votre en-tête.
<meta name="viewport" content="width=device-width, initial-scale=1.0">