Android 웹 브라우저에서 웹 사이트가 올바르게 조정되지 않았습니다.

Question

모바일 웹 사이트를 개발하고 있습니다. 그것은 다음 메타 태그를 사용하여 Safari에서 아이폰에 벌금을 일하고 : 안드로이드에서

<meta name="viewport" content="width=device-width; initial-scale=0.5; maximum-scale=1.0; user-scalable=1;" /> 

을, 웹 사이트는 폭 480 픽셀로 확장됩니다 만 왼쪽이있다 즉, 웹 브라우저의 약 절반을 차지 웹 사이트의 너비가 약 480 픽셀이고 오른쪽이 비어 있습니다. 나는이에 메타 태그를 변경하는 경우

, 그것은 잘 작동 :

<meta name="viewport" content="width=680; initial-scale=0.5; maximum-scale=1.0; user-scalable=1;" /> 

이 웹 사이트 설계대로 680 개 픽셀의 폭, 그러나 나는이 일을하지 않으려는 작품 그래서 "하드 코딩"

여러 크기를 수용 할 수 있습니다. 나는 행운을 빌어 target-densitydpi=device-dpi을 메타 태그에 추가하려고 시도했다. Android에서 내 웹 사이트 규모를 기기의 너비로 확장하려면 어떻게해야합니까?

Answer 1

사이트가 이미 JavaScript를 사용하고 있기 때문에 jQuery에서 $('body').css({ width: $(document).width() })을 사용하여이를 해결했습니다. 나는 이것이 깨끗한 해결책이 아니라는 것을 알고 있습니다. 그러나 그것은 효과가 있으며 피곤합니다. 그래서 지금해야 할 일이 있습니다. 아무도 더 좋은 해결책이 있다면 나는 그것을 듣고 싶어.