모바일 웹 사이트의 테두리 CSS

Question

다음 웹 사이트에 국경이 있습니다 http://geertsprengers.be/ nav의 로고가 있습니다.

이제는 모바일 웹 사이트에서 2 줄의 로고가있을 때 테두리가 클릭 한 로고 아래의 화살표와 동일하게 변경되어야한다는 것이 문제입니다.

가장 쉬운 방법은 무엇입니까?

Answer 1

정확히 원하는 것을 더 자세히 알려주십시오.

내가 수집 할 수있는 것부터 브라우저가 모바일 크기로 내려 갔을 때 로고 아래에있는 네비게이션의 로고 아래 테두리가 필요합니다 (로고가 두 줄로 갈 때).

이 단순히 두 가지 작업을 수행해야하는 경우라면 :

1. 변경이 float: left 당신이 display: inline-block에 로고 (리튬 태그)에 있습니다.

2. 변경 height: 54px 현재 이동 경로가 height: auto입니다.

문제는 고정 된 높이의 요소 안에 떠 다니는 요소를 유지하려고했기 때문입니다. 여기서는 귀하의 경우에는 작동하지 않습니다. 대신 고정 된 높이를 제거해야합니다. 그러면 nav가 부러 졌을 때 부유 요소에 맞게 확장됩니다.

희망이 도움이됩니다.