무엇이 디자인을 위한 최상의 방법 설정하는 페이지 너비를 위한 모바일 웹 페이지?

StackOverflow https://stackoverflow.com/questions/1730809

문제

다른 브라우저에 전화가 서로 다른 화면 해상도입니다.

이 있는 최고의 연습에서는 커뮤니티를 설정하는 폭 표준 크기,그것은 작품에서 가장 현대인의 전화 및 브라우저?

도움이 되었습니까?

해결책

IMHO 모범 사례는 클라이언트 장치의 너비와 해상도에 대한 너무 많은 가정없이 따라가는 것입니다.

대부분의 장치에는 웹 페이지 표시/흐름/축소를위한 브라우저가 있습니다. 가능하다면 브라우저가 작업을 수행하도록하십시오.

다른 팁

모바일 브라우저에서 픽셀-완벽한 정확도를 보장 할 수있는 쉬운 방법은 없습니다 (실제로는 쉬운 방법이 없습니다. 어느 브라우저). 그러나 이러한 종류의 작업에 도움이되는 몇 가지 방법이 있습니다. 예를 들어, iPhone 용 Mobile Safari는 너비와 같은 속성을 지정할 수있는 '뷰포트'메타 태그를 지원합니다. 사용법의 몇 가지 예는 다음과 같습니다.

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

<meta name="viewport" content="initial-scale=2.5, user-scalable=no" />

Apple에는 정보가 있습니다 여기, 그리고 웹에서 더 많은 정보를 찾을 수 있습니다.

g'day,

나는 당신이 의문의 여지가 있다는 것을 알고 있습니다. 모든 휴대 전화에서 작동하기 위해 최적의 화면 크기를 선택하는 것이지만, 그 접근법은 곧 사용자와 함께 얇아집니다.

내가 연관된 대형 웹 사이트는 UserAgent 문자열을 가져 와서 공통 분모로 정상화합니다. 예를 들어 특정 Sony Ericsson 전화 유형에 대해 영국에서 사용중인 300 개 이상의 다른 UA 문자열이 동일한 문자열로 변환되고, 모두 동일한 문자열로 변환됩니다. 그런 다음 스크린 부동산을 결정하기 위해 테이블을 조회합니다.

코더는 또한 연결 유형, 라우팅 유형 등을 기준으로 지리적 위치 응용 프로그램에 의해 추론되는 현재 연결 속도에 액세스 할 수 있습니다. 요청시. 당신은 느린 연결이있는 사람에게 풍부하고 고 디프 미디어를 보내고 싶지 않습니다.

이것은 익숙합니다

  1. 풍부한 콘텐츠가 제공 될 수 있는지 결정한 다음
  2. 내용의 최적 형식을 선택하십시오.

HTH

건배,

당신은 항상 사용할 수 있습"ems"대신에 픽셀들 야 규모니다.

이것은 여전히 민감한 주제 때문에 많은 모바일 브라우저 기본적으로 해석하는 무엇이 있는 방법에 따라 검을 만들고 싶어 그것을 해석할 수 있습니다.

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