여러 모바일 브라우저에서 간단한 사이트를 올바르게 렌더링하는 방법은 무엇입니까?

Question

우리는 일반 HTML과 CSS를 갖춘 다소 간단한 사이트(최소 JS)를 가지고 있습니다.이는 우리의 주요 애플리케이션을 위한 간단한 모바일 인터페이스입니다.

열이 두 개 이상 있고 여러 브라우저가 단일 열을 강제하는 것 같아서 문제가 발생했습니다.

일부 검색을 통해 2개의 메타 태그를 발견했습니다.

<meta name="MobileOptimized" content="220" />
<meta name="viewport" content="width=320" />

이를 통해 우리는 IE Mobile과 iPhone에 대한 좋은 '확장된' 보기를 갖게 되었습니다.palm의 Blazer에서는 어떤 문제도 발생하지 않았습니다.그러나 블랙베리는 또 다른 문제입니다.

Blackberry에는 브라우저 보기를 제어하는 ​​간단한 방법도 있습니까?간단하게 말하면 해당 장치에 대한 특별한 페이지를 만들지 않는다는 의미입니다.

Answer 1

나는 iPhone 등을 위한 "중간" 버전을 만드는 데 신경을 쓰지 않을 것입니다. iPhone 사용자는 실제 웹 페이지를 충분히 쉽게 볼 수 있습니다.전체 버전과 단일 열 버전이 있으면 최소한의 작업으로 가장 많은 청중에게 다가갈 수 있습니다.

하지만 귀하의 질문에 대답하려면 Blackberry가 1열 보기 이외의 다른 작업을 수행하도록 하는 좋은 방법이 없습니다.CSS와 간단한 자바스크립트가 여전히 적용되므로 상당히 전문적으로 보일 수 있지만 수평적 공간이 많이 손실됩니다.

Answer 2

내 추천은 사이트의 두세 가지 버전을 만드는 것입니다.

• 최신 데스크톱 브라우저를 위한 완전한 사이트(매우 무거운 애플리케이션인 경우)
• 좋은 모바일 브라우저와 데스크탑 브라우저를 위한 최소한의 JS와 CSS를 갖춘 사이트(아이폰과 스카이파이어가 떠오릅니다)
• JS가 없고 단일 열이며 대부분 일반 텍스트만 있는 사이트입니다.

그 이유는 3~4개의 데스크톱 브라우저에 대한 코딩이 충분히 어렵기 때문입니다.단지 정보를 표시하는 간단한 페이지를 코딩하고 만들기 위해 또 다른 수백 개의 장치 때문에 목숨을 끊지 마십시오.

웹 개발의 기본 디자인 원칙을 기억하세요.사용자는 상관하지 않습니다.그들은 정보나 기능을 원합니다.불량한 모바일 브라우저(IE 또는 Blackberry)에 대한 간단하고 명확한 레이아웃을 갖고 있다면 훨씬 더 좋아 보일 것입니다. 그런 다음 결국 유지 관리의 악몽이 되고 누군가가 또 다른 모바일 브라우저를 사용하면 잠재적으로 보기에 좋지 않게 만드는 무언가를 해킹하려고 시도하면 훨씬 더 좋아 보일 것입니다. 브라우저이며 아직 휴대폰 전용 사이트를 작성하지 않았습니다.

Answer 3

BlackBerry(OS 4.6 이상)는 Meta-Viewport 태그와 Meta-HandheldFriendly 태그를 모두 지원합니다."콘텐츠 디자인 지침" 문서를 참조하세요. http://na.blackberry.com/eng/support/docs/subcategories/?userType=21&category=BlackBerry+Browser 자세한 내용은.