문제

유체 레이아웃이 옵션이 아니라고 가정하면 (다른 토론이 서로 다른 토론이기 때문에) 사이트 레이아웃의 권장 너비는 얼마입니까? 다양한 크기의 장단점은 무엇입니까?

도움이 되었습니까?

해결책

나는 항상 유지했다 960px 볼 수 있듯이 1024x768, 그리고 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160으로 깨끗하게 나눌 수 있습니다. 192, 240, 320 및 480 ... 따라서 내 사이트의 디자인 (3 분의 1의 규칙 사용)을 깨끗하게 분할 할 수 있습니다.

몇 년 후 편집 :사용을 고려하십시오 CSS 미디어 쿼리 유체 레이아웃을 사용할 수없는 경우 컨텐츠를 무수한 장치에 반응하게합니다. 2012 년에 하나의 픽셀 너비를 주장 할 수 있는지 확신 할 수 없습니다.

다른 팁

체크 아웃 http://browsersize.com 화면 해상도의 일부 빠른 통계의 경우 사용자가 요즘 사용합니다. 당신이 사용할 수있는 http://setmy.browsersize.com 브라우저를 신속하게 조정하여 특정 화면 해상도에서 웹 사이트보기를 모방합니다. 레이아웃이 최소한 가장 널리 사용되는 화면 해상도 (1024 x 768)를 충족해야합니다.

또한 반드시 최대 수평 공간을 차지하는 것을 목표로하지는 않습니다. 텍스트 너비 (줄 당 단어 수) 이상적으로 사용 가능성을 위해 특정 임계 값을 초과해서는 안됩니다.

매우 일반적인 1024 × 768 화면 해상도에서, 대부분의 고정 레이아웃 웹 사이트는 콘텐츠의 왼쪽과 오른쪽에 사용 가능한 모든 공간을 사용하지 않습니다. 유연한 레이아웃은 수평 공간을 더 잘 활용하지만 유용한 선 길이를 유지하기 위해 고군분투합니다. 유용성 전문가들은 우리에게 줄을서야 할 단어가 너무 많다고 말했습니다. 8 ~ 12 단어는 이상적인 선 길이 인 것 같습니다. 인쇄 매체, 특히 신문은 더 짧은 선을 사용하는 것을 망설이지 마십시오. 왜요? 그들은 여러 열에 텍스트를 배치하여 할 수 있기 때문입니다.

http://www.alistapart.com/articles/css3multicolumn

가장 작은 화면보다 넓은 고정 너비를 사용하는 경우 ~할 것 같은 귀하의 사이트를 방문하려면 나머지 콘텐츠에 도달하기 위해 옆으로 스크롤 해야하는 사용자를 괴롭 히고 좌절시킵니다.

또한 950에서 980px 사이의 레이아웃을 사용하고 클라이언트가 달리 요구하지 않는 한 항상 중앙에 있습니다. :)

  1. 그것을 명심하십시오 모니터 해상도 통계에서 인용되는 종종 브라우저 창의 내부 너비. 사용자에게는 추가 사이드 바/도구 모음이있을 수 있으며, 비 표리 화 된 브라우저 창을 사용하십시오. 화면이 클수록 한 페이지에만 사용하고 싶을 가능성이 줄어 듭니다.

  2. 매우 긴 줄의 텍스트는 읽기가 더 어렵습니다. 최적은 25-30em입니다 (많은 요인에 따라 다르지만 단순히 최대로 가서는 안됩니다).

  3. 모바일 브라우저에는 줌에 사용하는 "가상"화면 해상도가 있으며 Opera Mini/Mobile 및 Mobile Safari에서 ~ 960px입니다.

나는 여기서 동의를 나누기 위해 투표합니다. 화면 크기가 X이기 때문에 X 또는 그에 가까운 것이 웹 사이트에 가장 적합한 디자인이라는 의미는 아닙니다.

귀하의 웹 사이트 목적은 선택한 너비와 관련이 있습니다.

많은 마케팅 전문가들은 더 좁은 칼럼이 더 많은 판매를 "전환"한다고 생각합니다. 아마도 이것은 페이지가 좁아지면 사람들의 관심을 더 쉽게 지시하는 것이 더 쉽기 때문일 것입니다.

반면에 이미지 전용 사이트는 각 방문 브라우저에 가장 적합한 해상도로 표시되어야합니다.

한 번에 그랬습니다 800px; 그러나 점점 더 많은 사이트가 사용하기 시작했습니다. 1000px. 이것은 종종 방문객의 저가 결의안이 1024x768. 추가 24 픽셀은 브라우저 크롬, 패딩 및 마진을 조작하고 싶은 여백을위한 공간을 남깁니다.

단지 약간의 관점을 제시하기 위해, 작은 화면을 가진 새로운 넷북의 물결조차도 1024x768.

그러나 무엇보다도 @warren이 제안하고 활용하는 것처럼 청중을 알고 있습니다.

방문자의 창에 따라 여러 레이아웃을 개발하고 JavaScript를 사용하여 JavaScript를 사용하여 전환 할 수 있습니다.

즉, 나는 보통 950px에서 980px 사이의 것을 사용합니다.

최적의 성능 및 크로스 모니터 호환성을위한 최대 웹 사이트 너비는 데스크탑 및 랩톱과 관련이있을 때 960px입니다.

다음 기사를 참조하십시오.

화면 크기 및 해상도

에 따르면 이것들 통계, 최소 1024 픽셀 폭은 대부분의 사용자를 커버합니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top