Android 웹 사이트 확대/축소 - iOS가 화면에 맞 춥니 다?

Question

내 안드로이드 (HTC 인크레더블 2), 왜 내 웹 사이트에서 처음으로 확대/축소/확대/축소를 게시했는지 궁금합니다. iPhone/iOS에서는 바탕 화면과 동일한 너비와 넓이를 사용합니다.

저는 Wordpress Twenty Eleven Theme (http://wordpress.org/extend/themes/twentyeleven) 위에 웹 사이트를 구축 했으므로 META는 여전히 사용하고 있습니다. 그러나 초기 스케일/확대/축소를 보지 못했습니다. 나는 적당한 폭의 메타를 보았다. EG<meta name="viewport" content="width=device-width" />

이 자리에 META와이 사이트에이 방법을 복용 내 장치에서 브라우저마다 선호인가? 브라우저 설정 당 너비를 취한 다음 다시 메타를 보는가? .. 처음으로 확대/축소하는 중입니까?

제안 사항?

Answer 1

Android의 3 가지 농도 카테고리가 있으며 기본적으로 대상 밀도는 보통으로 설정됩니다. 기본 설정은 페이지를 효율적으로 확대합니다.

Android 뷰포트가 확대 (확대)되지 않도록하려면 장치 API에 대한 뷰포트 밀도를 설정할 수 있습니다.

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width" /> 

CSS 통해 디바이스 밀도 타겟팅

<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.5)" href="hdpi.css" /> 
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="mdpi.css" /> 
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 0.75)" href="ldpi.css" /> 

자료 : http://developer.android.com/guide/webapps/targeting.html#ViewportScale

상기 예는 상기 소스 링크에서 촬영 하였다.