답변 3개 / 댓글 1개
채택된 답변
+20 포인트
사이트가 부트스트랩을 이용한 반응형으로 제작되었네요.
화면을 줄이면 당연히 메뉴부분의 최대너비가 줄어듬에 따라 줄바꿈이 되어 보이는 거죠.
반응형을 만들때 브레이크 포인트라고 해서 특정 너비에 특정 스타일을 부여하는게 기본입니다. 미디어쿼리를 이용하게 되죠.
관련해서 미디어쿼리에 대한 이해를 먼저 하셔야됩니다.
이후, 부트스트랩의 미디어쿼리, 브레이크 포인트를 확인하시고 각각에 따른 스타일링을 해주셔야합니다.
가령 @media (min-width: 992px) 일때,
글씨의 크기를 줄이고 메뉴들의 너비 및 여백을 조정해서 줄바꿈이 되지 않는 방향으로 스타일링을 해보는 식으로 말이죠.
답변을 작성하려면 로그인이 필요합니다.