480px 화면 너비는 2009 년 말 모바일 웹 애플리케이션을위한 합법적 인 디자인 대상입니까?

Question

저는 최신 브라우저 나 최근 스마트 폰을 대상으로하는 웹 응용 프로그램을 개발 중입니다. 다른 해상도를 보면 480이 많이 보입니다. 예를 들어 2 양태 비율 반 화소 :

• 480x320을 아이폰 및 베리이 3을 갖는 하프 VGA (HVGA)라는 표준 것으로 보인다 9000 굵게하여 사용 VGA.
• 480x360은 Blackberry 커브 8900, Blackberry Bold 9700 및 Blackberry Storm 9550에 사용됩니다. 가로 세로 비율이 4 : 3입니다.
• 480x854는 Motorola Driod에서 사용됩니다. 이것은 와이드 VGA (WVGA)의 해상도 인 중 하나 인 것으로 보입니다. 16 : 9 종횡비입니다.

2009 년 후반에 인기있는 스마트 폰이 화면 크기 중 하나에 대해 480px로 수렴 중이며 표준 가로 세로 비율과 일치하려고합니다.

질문은 디자인에서 목표 너비로 480px를 사용하는 것이 얼마나 합당한가요? 이 디자인에 큰 악재가 있습니까?

Answer 1

그건 무리가 아닙니다. 내가 보는 주된 문제는 480px는 가로 방향의 너비 뿐이지 만 때로는 기본 세로가 아닌 것입니다. 요즘 휴대 전화를 돌리는 것은 큰 문제가 아니라는 것을 알고 있습니다. 그러나 이것은 생각할 사항입니다.

Answer 2

240x320은 휴대 전화의 새로운 기준선입니다. 하이 엔드 유닛의 경우 480이 목표로하는 올바른 너비입니다.

Answer 3

최신 스마트 폰은 (일반적으로) 뷰포트 메타 태그를 지원하는 브라우저를 사용합니다.

viewport 태그는 콘텐츠에 맞게 브라우저 창을 조정합니다. 즉, 작은 화면 (예 : 스트레치)으로 확장하거나 데스크톱 해상도가 가장 낮은 최신 태블릿으로 축소 할 수 있습니다.

그것은 다음과 같습니다 확대 또는 축소됩니다

<meta name="viewport" content="width=320px" /> 

이 장치의 뷰포트에 맞게.

실질적인 제약은 픽셀 화입니다. 해상도가 800x1280 인 Acer CloudMobile 또는 Samsung Note가있는 경우 세로보기에서 이미지의 세로 비율을 세 배로 늘릴 수 있습니다. (문자가 벡터이므로 벡터가 잘 펴지면 잘 나타납니다.)이 이유 때문에 더 높은 페이지 해상도 (일반적으로 약 800 픽셀)를 사용하고 크기를 줄이기보다는 저해상도 장치의 크기를 줄이는 것이 좋습니다 고해상도 장치.