小さな画面でタブを非表示にする方法は?
<p>ラベルとアイコンを含む antd メニューがあります。
これはデザインの最小限の表現です。
コードサンドボックス</p>
<p>ここで私がしたいのは、ラベルを非表示にして、メニューに省略記号が表示され始めたときにのみアイコンを表示することです。私は CSS にあまり詳しくないので、この機能を antd 経由で実現できるかどうか疑問に思いました。 </p>
P粉7859057972023-08-18 11:16:22
メディア クエリを使用し、特定のサイズ以下のものを表示しないようにタグを設定する必要があります。
リーリー個人的には上記の方法を使用することをお勧めします (デスクトップとモバイル デバイスを切り替える最も一般的な方法です)
最後に、モバイル デバイスで justify-content: メニュー項目を中央から中央に配置することを検討してください :)