小さな画面でタブを非表示にする方法は?

Question

ラベルとアイコンを含む antd メニューがあります。 これはデザインの最小限の表現です。 コードサンドボックス

ここで私がしたいのは、ラベルを非表示にして、メニューに省略記号が表示され始めたときにのみアイコンを表示することです。私は CSS にあまり詳しくないので、この機能を antd 経由で実現できるかどうか疑問に思いました。

Answer 1

メディア クエリを使用し、特定のサイズ以下のものを表示しないようにタグを設定する必要があります。

リーリー

個人的には上記の方法を使用することをお勧めします (デスクトップとモバイル デバイスを切り替える最も一般的な方法です)

最後に、モバイル デバイスで justify-content: メニュー項目を中央から中央に配置することを検討してください :)