it-swarm-korea.com

가장 작은 화면 크기는 무엇입니까?

내 웹 사이트를 반응 형으로 만들려고하지만, 이것이 반응 형 디자인에 대한 첫 번째 길이며, 현재로서는 실마리가 없습니다.

휴대 전화, 휴대용 게임기 등의 화면 크기와 관련하여 현재 재생 상태가 무엇인지 알지 못하므로 현재 가장 작은 장치가 무엇인지 (픽셀 단위) 조언합니다. 나는 이것보다 더 많은 변수가 있다는 것을 알고 있지만 시작이 될 것입니다.

69
John

가장 작은 화면 크기는 무엇입니까?

320px

그러나 다른 사람들이 대답했듯이 최상의 결과를 얻으려면 실제로 청중을 측정하고 결정된 화면 너비 임계 값 미만의 0.1 % 미만의 사용자에 대해 사이트/앱을 작동시키는 데 필요한 리소스 양을 고려해야합니다.

그러나 임베디드 60px 흑백 디스플레이에 대해 모호한 사이트/앱을 실행하지 않는 한 기본적으로 모든 사용자는 320px 이상의 장치 화면 너비를 지원합니다. 우리는이 숫자를 임계 값으로 사용했으며 그에 대한 any 부정적인 피드백이 없었습니다.

(소스)

33
John Weisz

우선 your 사이트이므로 추측하지 마십시오. 알아요!

매우 간단합니다. 아직 Google Analytics 사이트에 추가 (무료).

여기에서 실제로 모바일 장치 , 브라우저 , [~ # ~] os [~ # ~] , 화면 해상도 , 방문자가 사용하는 등.

마지막으로, 충분한 데이터를 고려한 후에는 새로운 responsive 사이트에 대한 CSS 미디어 쿼리로 변환 할 해상도를 결정하십시오.

31
Code Maverick

스펙트럼 IRT 최대 및 최소 화면 크기의 양쪽 끝에 실질적인 제한이 있습니다.

그것들은 프로젝트마다 다를 수 있습니다. 그러나 로우 엔드에서 요즘 320px는 거의 일반적입니다 (주로 iPhone 및 Android 세로 모드의 장치)).

그러나 항상 예외가 있으며 청중이 이러한 예외 중 하나에 해당되면 무엇보다 고려해야 할 사항입니다.

12
DA01

이 웹 사이트에서는 화면 해상도에 대한 정보를 제공합니다 http://www.websitedimensions.com/

이 통계에 따르면 가장 작은 모바일 해상도는 320px-그러나 세 번째 표에서 언급했듯이이 경우 실제 너비 (브라우저 인터페이스 제외)는 310px

나중에 링크가 만료되는 경우 웹 아카이브 링크는 다음과 같습니다. http://web.archive.org/web/20160330034016/http://www.websitedimensions.com/

4
dav

@ DA01을 사용하고 있습니다. 사용자 데이터는 중요한 점이지만, 반응 형 결정은 때때로 구할 방문자, 현재 가지고있는 방문자에 대한 것이 아니라에 관한 것입니다. 웹은 모든 사람에게 공개되어 있지만 아직 모바일 친화적이지 않기 때문에 사이트에 액세스하지 못하는 특정 잠재 고객을 타겟팅하고 싶을 수 있습니다.

그러나 귀하의 질문에 대답하기 위해 일반적으로 320px 이상의 화면 너비를 타겟팅합니다.

3
Marcello

위의 Rumi의 의견은 도전의 현실을 잘 요약합니다.

그러나 모든 단일 요구에 대해 모든 단일 배경에서 모든 단일 사람에게 이상적인 경험을 할 수없는 것처럼 모든 단일 장치에 대해 이상적인 경험을 할 수 없다는 것을 인정하면 이상적인 경험. 그런 다음 다른 사람에게도 만족스럽고 좋은 경험을하십시오.

웹 사이트의 목적과 가능한 용도를 살펴보십시오. 누군가가 휴대 기기에서 사이트를보고 싶어하는 이유는 무엇입니까? 그들은 무엇을하기를 바랄까요? 데스크톱 경험과는 어떻게 다를까요? 모바일에 대한 경험을 저하시키는 방법과 방법에 대한 몇 가지 캠프가 있으며 여기에 들어 가지 않을 것입니다.

또한 웹 사이트 분석도 살펴보십시오. 사람들이 실제로 작은 기기에서 웹 사이트를 보려고합니까? 그들은 어떤 페이지로 가고 있습니까? 얼마나 작습니까? 소형 장치에서 발생하는 트래픽의 몇 퍼센트입니까?

제 경우에는 서로 통합되는 일련의 응용 프로그램을 작업 중입니다. 모바일은 이것의 매우 중요한 부분이므로 웹 응용 프로그램 구성 요소에 대한 트래픽의 약 4 %만이 320px (100dpi) 장치에서 발생하더라도 제대로 작동합니다. 그러나 저의 장기 계획은 작은 해상도에서도 여전히 작동하면서 (확대/축소) 480px 미만의 장치에 맞게 최적화하는 것입니다. 어떤 사람들은 이것에 동의하지 않을 것입니다. 그러나 모든 사람에게 영향을 미치는 희생을하는 대신 많은 사람들에게 훌륭한 경험을하는 것이 좋습니다.

그것은 아마도 당신이 찾고있는 대답을 제공하지는 않지만, 상황에 맞는 방향을 지적하기에 충분하기를 바랍니다.

1
conan