전체 페이지가 잘 확대되는 페이지를 만들기위한 모범 사례?

Question

5 개의 항목이있는 탐색 모음이있는 고정 픽셀 너비 (960 픽셀)의 레이아웃이 있습니다. nav div의 너비는 100 %로 설정되지만 콘텐츠는 정확히 960 픽셀로 끝납니다. 네비게이션은 드롭 다운과 링크 세트로 약간 복잡합니다. 문제는 페이지를 확대 축소하면 탐색 막대가 잘리고 다음 줄로 이동한다는 것입니다.

누구나이를 피할 수있는 방법에 대한 팁이 있습니까?

고마워요.

Answer 1

내가 해낸 유일한 확실한 방법은 '패'를 사용하여 모든 패딩과 너비를 정의하는 것입니다. 즉, 브라우저에서 글꼴 크기를 변경하면 모든 것이 글꼴 크기에 비례하고 원활하게 확장/축소됩니다.

저는 simple template입니다. 몇 년 전 함께했는데 그 속임수입니다.

대부분의 브라우저는 글꼴 크기 만 변경하는 대신 확대/축소하기 때문에 걱정하지 않아도되지만 IE6과 같은 오래된 항목은 약간의 도움이 필요합니다.