문제
고정 너비와 높이를 사용하는 웹 애플리케이션을 만들고 싶다고 가정하고 일반적인 화면 해상도를 위해 인터페이스가 화면에 맞도록 원합니다. 응용 프로그램이 랩톱 및 워크 스테이션 (모바일 장치가 아닌)에서만 사용되며 IT 전문가가 사용한다고 가정합니다.
응용 프로그램을 만들 수있는 가장 큰 크기는 얼마입니까? 여기서 주요 고려 사항은 일반적으로 사용되는 가장 작은 화면 해상도와 브라우저 크롬을위한 공간이 무엇인지, 사용자가 도구 모음이 설치되어 있는지 여부에 따라 달라질 수 있습니다.
아니면 모든 페이지 요소를 재판용 할 수 있고 유체 레이아웃으로 가야합니까? 그것은 꽤 많은 일일 것 같습니다.
해결책
디자인이 작동하면 유체 레이아웃이 좋습니다.
그렇지 않으면 960px 너비는 매우 일반적이며 1024x768 화면 해상도의 거의 모든 브라우저에서 작동합니다 (여전히 매우 일반적입니다).
높이에 관해서는 사람들은 일반적으로 스크롤을 스크롤하는 것이 좋지만 한 창에 필요한 경우 브라우저에 따라 약 500-600px 및 사용자가 설치 한 툴바에 따라 약 500-600px 미만을 유지해야합니다.
다른 팁
960x600 픽셀
분석 도구를 사용하여 현재 사용자가 실행중인 해상도를 파악할 수 있습니다.
레이아웃의 일부만 고정 한 다음 CSS를 사용해 보도록 시도 할 수 있습니다. max-width
/min-width
그리고 max-height
/min-height
당신이해야 할 것을 제한합니다. 장식 할 수있는만큼의 유동성이 있어야합니다 (예 : 큰 배경 이미지는 브라우저의 너비가 1600px가되어서는 안됩니다. 수평 스크롤 바없이 사용자 브라우저에서 사용할 수있는 너비를 최대한 보여주지 않아야합니다. 컨테이너를 설정해보십시오. width
에게 100%
).
당신은 넣을 수 있습니다 min-width
아마도 30em
편안한 독서를 위해 본문 칼럼에서 (참조 콘텐츠에 이상적인 라인 길이), 아마도 넓지 만 여전히 읽을 수있는 상한 일 것입니다. 컨텐츠를 작은 고정 크기 상자에 넣는 레이아웃으로 사이트를 탐색 할 때, 특히 디자인을 보존하기 위해서만있을 때는 불쾌합니다. 설계에 고정 된 크기 내에 동적 컨텐츠가 필요하면 디자인이 더 많은 생각을 사용할 수 있습니다.