반응 형 layot를 보관할 수 없습니다

Question

사이트에서 일하고 있습니다. 여기는 http://mytownsville.info/Young-Passion/ 입니다. 문제는 내가 반응 형 레이아웃을 유지할 수 없다는 것입니다. 로고를 줄이면 로고가 엉망이됩니다. 네 도움이 필요해.

미리 감사드립니다.

Answer 1

위치를 사용 중입니다 : 절대; 응답 성이 뛰어난 설계를 위해 지나치게 복잡해질 수 있습니다. 당신은 플렉스 박스?에 봤어

http://www.html5rocks.com/en/tutorials/flexbox/quick/

또는 당신은 또한 비율의 폭이 "부동"를 사용할 수 있습니다. 이렇게하면 콘텐츠의 크기가 줄어들지 만 다른 레이아웃으로 푸시되지 않고 동일한 레이아웃을 유지할 수 있습니다. 그런 다음 CSS3 미디어 쿼리를 사용하여 매우 작은 너비에 도달하면 다른 레이아웃으로 스냅 할 수 있습니다.

일반적으로 모바일/가장 작은 레이아웃부터 시작하여 빌드하는 것이 좋습니다.