안드로이드 기본 브라우저 용 뷰포트 메타

Question

안드로이드의 웹 페이지에 이미지 (320x480 픽셀)를 표시하려고합니다. 이미지를 전체 화면으로 표시하려는 뷰포트 메타를 구성하려고합니다.

사실 나는 단순히

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

처럼 뷰포트를 구성하고 그것은 안드로이드 기본 브라우저를 제외하고 완벽하게 작동합니다. 나는 크롬, 오페라, 파이어 폭스를 사용했는데, 모두 이미지를 올바르게 표시한다.

<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width,height=device-height,target-densitydpi=device-dpi,user-scalable=yes" /> 

또는

<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=320,height=device-height,target-densitydpi=device-dpi,user-scalable=yes" /> 

당신이 뷰포트를 제대로 구성하는 방법에 대한 어떤 생각을 가지고 있습니까 : 나는 성공없이이 방법으로 그것을 구성하는 노력이 게시물 Full webpage and disabled zoom viewport meta tag for all mobile browsers에 관한

?

고마워요

Answer 1

나는 아래의 것을 시도했다. 그것은 나를 위해 완벽하게 작동합니다.

<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width"> 

Answer 2

<meta name="viewport" content="user-scalable=no, width=device-width"> 

사용자 확장 성 - 컨트롤은 사용자가 "핀치 - 투 - 줌"할 수 시들어.

너비 - 뷰포트의 너비.

모든 속성에는 부동 소수점 값이 아닌 정수 값이 필요합니다.

즉, 1.0이 아니라 1.0입니다. 또는 비율을 사용할 수 있습니다.

최소 및 최대 배율 특성을 동일한 값으로 설정하는 것은 의미가 없습니다. 1.

Answer 3

로 설정하면 는 또한, 초기 규모는 아이폰 OS에 문제를 일으키는 것으로 알려져 내가 좋아하는 :

<meta name="viewport" content="width=device-width, initial-scale=1"/> 

Answer 4

<meta name="viewport" content="width=321; user-scalable=no;" /> 

안드로이드 만 수락 뷰포트 (320)보다 큰 너비, 그래서 321에 그것을 않았다 설정 나를위한 속임수.