HTML ; afficher ou masquer du contenu sur mobile
Résolu/Fermé
Nathanielmlmb
Messages postés
62
Date d'inscription
jeudi 10 avril 2014
Statut
Membre
Dernière intervention
10 novembre 2023
-
8 oct. 2015 à 16:49
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 9 oct. 2015 à 09:21
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 9 oct. 2015 à 09:21
A voir également:
- Afficher/masquer texte html css
- Masquer conversation whatsapp - Guide
- Editeur html - Télécharger - HTML
- Excel cellule couleur si condition texte - Guide
- Transcription audio en texte word gratuit - Guide
- Afficher mot de passe wifi android - Guide
1 réponse
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
524
8 oct. 2015 à 17:02
8 oct. 2015 à 17:02
Salut,
Ta balise style est correcte (l'attribut type est facultatif).
Idéalement cette balise devrait être placé dans la balise <head> de ton document html, mais elle fonctionnera également si tu la places dans la balise <body>.
Dans ton contenu, il te suffit alors d'appliquer les différentes classes sur les balises que tu souhaites afficher ou masquer, par exemple :
Bonne journée
Ta balise style est correcte (l'attribut type est facultatif).
Idéalement cette balise devrait être placé dans la balise <head> de ton document html, mais elle fonctionnera également si tu la places dans la balise <body>.
Dans ton contenu, il te suffit alors d'appliquer les différentes classes sur les balises que tu souhaites afficher ou masquer, par exemple :
<p class="desktop-only">Paragraphe visible sur desktop</p> <p class="mobile-only">Paragraphe visible sur mobile</p>
Bonne journée
8 oct. 2015 à 18:34
Les deux lignes s'affichent normalement que ce soit sur mobile ou sur nagivateur
9 oct. 2015 à 09:21
Il manque p-e une une règle pour masquer la classe mobile-only sur un écran large.
Regarde cette exemple et essaye de redimensionner la frame Result pour voir les changements.
http://jsfiddle.net/jcdgssp3/