[browser] 권장 웹 사이트 해상도 (너비 및 높이)? [닫은]

Program / 글쓴이

일반적인 웹 사이트 해상도에 대한 표준이 있습니까?

최소 1280px 너비의 최신 모니터를 대상으로하지만 높이는 다를 수 있으며 각 브라우저는 도구 모음 높이도 다를 수 있습니다.

이것에 어떤 종류의 표준이 있습니까?

답변

요즘 조언은 다음과 같습니다.

1024×768에 최적화하십시오 . 대부분의 사이트에서 이것은 대부분의 방문자에게 적용됩니다. 대부분의 로그에 따르면 방문의 92-99 %가 폭이 1024 이상일 것입니다. 1280이 점점 보편화되고 있지만 여전히 1024와 그보다 낮은 부분이 있습니다. 이를 위해 최적화하되 다른 것을 무시하지 마십시오.

1024 = ~ 960 . 스크롤바, 창 가장자리 등을 고려하면 1024×768 화면의 실제 너비는 약 960 픽셀 입니다. 일부 도구는 약간 더 작은 크기 (약 940)를 기반으로합니다 . 트위터 부트 스트랩 의 기본 컨테이너 너비입니다 .

하나의 크기로 디자인하지 마십시오 . 창 크기는 다양합니다. 화면 크기가 창 크기와 같다고 가정하지 마십시오. 합리적인 최소값으로 설계하되 조정될 것이라고 가정합니다.

반응 형 디자인과 유동적 인 레이아웃을 사용 합니다. 창 크기를 조정할 때 조정되는 레이아웃을 사용합니다. 사람들은 특히 대형 모니터에서이 작업을 많이합니다. 이것은 좋은 CSS 연습 일뿐입니다. 이를 지원하는 몇 가지 프런트 엔드 프레임 워크가 있습니다.

모바일을 일류 시민으로 대하십시오 . 항상 모바일 장치에서 더 많은 트래픽을 받고 있습니다. 이것은 더 많은 화면 크기를 소개합니다. 여전히 960으로 최적화 할 수 있지만 반응 형 웹 디자인 기술을 사용하면 페이지가 화면 크기에 따라 조정됩니다.

로그 브라우저 표시 정보 . 이것에 대한 실제 수치를 얻을 수 있습니다. 여기 와 여기 그리고 여기 에서 몇 가지 숫자를 찾았 습니다 . 동일한 데이터를 수집하도록 사이트를 리깅 할 수도 있습니다.

사용자가 스크롤하므로 높이에 대해 많이 걱정하지 마십시오 . 오래된 주장은 사용자가 스크롤하지 않고 중요한 것은 “스크롤없이 볼 수있는 부분”이어야한다는 것입니다. 이것은 몇 년 전에 뒤집 혔습니다. 사용자는 많이 스크롤합니다 .

화면 해상도에 대한 추가 정보 :

반응 형 디자인에 대한 추가 정보 :

반응 형 디자인 및 유동적 레이아웃을위한 도구 및 프런트 엔드 프레임 워크 :

답변

나쁜 생각이라고 생각합니다. 레이아웃에서 콘텐츠를 분리하는 요점은 웹 페이지를 모든 종류의 브라우저에 표시 할 수 있도록하는 것입니다.

최소 화면 크기와 같은 인위적인 제한을두면 시장이 제한됩니다.

그렇긴하지만 모든 데스크톱이 1024×768을 표시 할 수 있어야한다고 생각합니다. 그러나 iPhone 또는 기타 화면 문제가있는 장치에서 실행되는 브라우저 또는 브라우저에 전체 데스크톱을 사용하지 않는 브라우저는 어떻습니까?

귀하의 특정 질문에 대한 대답으로, 아니오, 브라우저의 최소 또는 공통 표시 영역에 대한 표준이 없다고 생각합니다.

답변

사용자가 가로로 스크롤하도록 강요하는 것은 심각한 UI 위반입니다. 화면 크기가 알려진 인구를 위해 특별히 웹 사이트를 구축하지 않는 한, 디자인이 800 픽셀 너비의 작은 화면 (메모리가 제대로 작동하는 경우 웹 서핑 인구의 약 8 %)에서 작동하도록하는 것이 가장 안전합니다. 더 큰 화면에 잘 적응하도록 만드는 것이 현명하지만 여전히 800×600으로 서핑하는 사람들의 대가를 치르지 않습니다.

고려해야 할 또 다른 사항이 있습니다. 모든 사람이 전체 화면에서 브라우저를 실행하는 것은 아닙니다 (그렇지 않습니다). 따라서 특정 (그리고 큰) “화면 크기”를 위해 디자인해도 괜찮다는 생각은 여러 가지 이유로 작동하지 않습니다.

2010 년 12 월 15 일 업데이트 :이 질문에 처음 답변했을 때 800 픽셀이 적절한 대답이었습니다. 그러나이 시점에서는 1024 픽셀 (또는 다른 사람이 지적한대로 960 픽셀)을 권장합니다. 기술은 …

답변

다음은 2008 년의 브라우저 디스플레이 통계입니다.
http://www.w3schools.com/browsers/browsers_display.asp

약 50 %의 사용자가 여전히 1024×768을 사용하고 있습니다. 사이트를 고해상도로 멋지게 보이게하려면 유연한 레이아웃을 사용하세요.

답변

실제로 너비에 대한 산업 표준이 있습니다 (적어도 yahoo에 따르면). 지원되는 너비는 750, 950, 974, 100 %입니다.

미리 정의 된 그리드 (열 레이아웃)에 대해 이러한 너비의 장점이 있으며 광고를 포함하는 경우 표준 크기와 잘 작동합니다.

볼만한 가치가있는 재미있는 이야기.

YUI Base 참조

답변

다음은 멋진 도구입니다. Google Labs 브라우저 크기

답변

사용자가 800×600 해상도의 모니터 만 가질 것으로 기대해야합니다. 캐나다 정부는이를 ​​요구 사항 중 하나로 나열하는 표준을 가지고 있습니다. 멋진 와이드 스크린 모니터를 사용하는 사람에게는 이것이 낮게 보일 수 있지만 모든 사람이 멋진 모니터를 가지고있는 것은 아닙니다. 여전히 많은 사람들이 1024×768로 실행되는 것을 알고 있습니다. 특히 여행 중에 저렴한 웹 카페에서 800×600으로 실행하는 사람을 만나는 것은 드문 일이 아닙니다. 또한 원하지 않는 경우 브라우저 창을 전체 화면으로 만드는 것도 좋습니다. 더 넓은 모니터에서 사이트를 더 넓게 만들 수 있지만 사용자가 가로로 스크롤하지 않도록합니다. 이제까지. 저해상도 지원의 또 다른 장점은 사이트가 휴대폰에서 작동하고 Nintendo Wii가 훨씬 쉽다는 것입니다.

최소 1280 너비에 대한 메모는 너무 선외라고 말해야 할 것입니다. 대부분의 17 인치 및 내 19 인치 비 와이드 스크린 모니터는 최대 1280×1024의 해상도 만 지원합니다. 그리고 지금 제가 타이핑하고있는 14 인치 와이드 스크린 노트북은 가로 1280 픽셀에 불과합니다. 나는 당신이 노력해야 할 가장 큰 최소 해상도는 1024×768이지만 800×600이 이상적이라고 말하고 싶습니다.