简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Comment masquer les onglets sur les petits écrans ?
P粉520204081
P粉520204081 2023-08-17 12:53:57
0
1
536

J'ai un menu antd avec des étiquettes et des icônes. Il s’agit de la représentation minimale du design. Codesandbox

Maintenant, ce que je veux, c'est masquer l'étiquette et afficher l'icône uniquement lorsque le menu commence à afficher des points de suspension. Comme je ne connais pas très bien CSS, je me demandais si cette fonctionnalité pouvait être obtenue via antd.

P粉520204081
P粉520204081

répondre à tous (1)
P粉785905797
P粉7859057972023-08-18 11:16:22 1 plancher

Vous devez utiliser des requêtes multimédias et définir l'étiquette pour qu'elle n'en affiche aucune en dessous d'une taille spécifique.

@media only screen and (max-width : 768px) { span.ant-menu-title-content { display: none; } }

Je vous recommande personnellement d'utiliser celui ci-dessus (c'est le moyen le plus courant de basculer entre ordinateur et mobile)

Enfin, pensez à utiliser justifier-contenu : éléments de menu centre à centre sur les appareils mobiles :)

Comme+0
Ajouter une réponse
    Sujets populaires
    Plus>
    Articles populaires
    Tutoriels populaires
    Plus>
    Tutoriels associés
    Recommandations populaires
    Derniers cours
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！