줌 아웃 나누기 내비게이션 CSS

나는 Wordpress 사이트 here을 100 % 확대 해 보았습니다. 그러나 축소하면 레이아웃이 끊어집니다 (특히 로고와 탐색).줌 아웃 나누기 내비게이션 CSS

어떻게 수정합니까?

참조 스크린 샷 : 일반

Normal

부분적으로 축소 만 :

Partly Zoomed Out

완전 축소 만 :

Fully Zoomed Out

너비 조정 막대의 너비가 픽셀 단위로 고정 된 것 같습니다. 상황이 축소되면 브라우저는 분수 픽셀을 인식 할 수 없으므로 반올림하거나 자르는 방식으로 픽셀을 삭제합니다. – Shmiddty

또한 메뉴 자체와 관련된 html/css를 게시해야합니다. – Shmiddty

PPS, 여기를보십시오 : http://jsfiddle.net/j4Cvw/ – Shmiddty

이미지에 % 너비를 사용하면 도움이 될 수 있습니다. 또한 width, font-size 및 paddings 및/또는 margin과 같은 nav 요소에 ems 또는 %를 사용하는 것이 좋습니다. 실험을하고 가장 효과가 좋은 것을 확인하십시오!

2012-11-15 17:30:27 qafenated

감사! 왜 포지셔닝이 네비게이션에 영향을 주는지 어떤 생각? 그것은 이미지를 사용하지 않습니다. –

로고를 센터링하는 것에 대해 어떻게 생각하십니까? 센터에 배치하는 대신 여백을 사용해야합니까? –

답변