Rumah  >  Soal Jawab  >  teks badan

Bagaimana untuk menyembunyikan tab pada skrin kecil?

<p>Saya mempunyai menu antd dengan label dan ikon. Ini adalah perwakilan minimum reka bentuk. Codesandbox</p> <p>Sekarang apa yang saya mahu ialah menyembunyikan label dan hanya menunjukkan ikon apabila menu mula menunjukkan elips. Oleh kerana saya tidak begitu biasa dengan CSS, saya tertanya-tanya sama ada fungsi ini boleh dicapai melalui antd. </p>
P粉520204081P粉520204081453 hari yang lalu584

membalas semua(1)saya akan balas

  • P粉785905797

    P粉7859057972023-08-18 11:16:22

    Anda perlu menggunakan pertanyaan media dan tetapkan label untuk tidak memaparkan apa-apa di bawah saiz tertentu.

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

    Saya secara peribadi mengesyorkan anda untuk menggunakan yang di atas (ia adalah cara paling biasa untuk bertukar antara desktop dan mudah alih)

    Akhir sekali, pertimbangkan untuk menggunakan justify-content: item menu tengah ke tengah pada peranti mudah alih :)

    balas
    0
  • Batalbalas