84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
ラベルとアイコンを含む antd メニューがあります。 これはデザインの最小限の表現です。 コードサンドボックス
ここで私がしたいのは、ラベルを非表示にして、メニューに省略記号が表示され始めたときにのみアイコンを表示することです。私は CSS にあまり詳しくないので、この機能を antd 経由で実現できるかどうか疑問に思いました。
メディア クエリを使用し、特定のサイズ以下のものを表示しないようにタグを設定する必要があります。
個人的には上記の方法を使用することをお勧めします (デスクトップとモバイル デバイスを切り替える最も一般的な方法です)
最後に、モバイル デバイスで justify-content: メニュー項目を中央から中央に配置することを検討してください :)
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
メディア クエリを使用し、特定のサイズ以下のものを表示しないようにタグを設定する必要があります。
リーリー個人的には上記の方法を使用することをお勧めします (デスクトップとモバイル デバイスを切り替える最も一般的な方法です)
最後に、モバイル デバイスで justify-content: メニュー項目を中央から中央に配置することを検討してください :)