작은 화면에서 탭을 숨기는 방법은 무엇입니까?

Question

라벨과 아이콘이 있는 antd 메뉴가 있습니다. 이것은 디자인의 최소한의 표현입니다. 코드샌드박스

이제 제가 원하는 것은 라벨을 숨기고 메뉴에 타원이 표시되기 시작할 때만 아이콘을 표시하는 것입니다. 저는 CSS에 익숙하지 않기 때문에 이 기능을 antd를 통해 구현할 수 있는지 궁금합니다.

Answer 1

미디어 쿼리를 사용하고 특정 크기 이하로는 표시되지 않도록 라벨을 설정해야 합니다.

으아악

개인적으로는 위의 방법을 사용하시길 추천드립니다. (데스크톱과 모바일 간을 전환하는 가장 일반적인 방법입니다.)

마지막으로 모바일 기기에서 justify-content: center to center 메뉴 항목 사용을 고려해 보세요. :)