HTML5 상용구, X-UA 호환 및 Windows Phone 7

Question

Windows Phone 7 (또는 7.5)에서 볼 때 H5BP를 사용하는 대부분의 새 사이트에 문제가 있습니다. 문제는 사이트의 소스 실제로 다른 모바일 장치를 지원해야

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

이 HTML 태그는 텍스트를 확대하기 위해 (우리의 경우 윈도우 폰 7 이상 사용자에) 모바일 장치의 사용자를 방지한다는 것입니다 (및 사이트 자체).

이 태그를 사용하면 모바일 브라우저가 모바일 뷰포트 (예 : 모바일 화면 너비 및 높이)에 따라 사이트 크기를 조정합니다. 그러나 사용자가 확대 동작을 사용하여 텍스트를 확대하려고하면 확대/축소가 작동하지 않는 문제가 있습니다. 확대하려고하지만 초기 너비로 빠르게 돌아갑니다.

누구나이 문제를 발견 했습니까? 그렇다면 해결 방법은 무엇입니까?

Answer 1

당신은 윈도우 폰 태그를 처리하는 방법을 볼 수 user-scalable=yes을 추가하는 테스트 할 수 있습니다.

태그는 거의 모든 모바일 브라우저에서 지원되지만 표준 태그 (iPhone에서 생성됨)가 아니므로 구현이 다를 수 있습니다. 나는 사파리가 태그에 대한 최고의 문서를 가지고 있다는 것을 알았고, 나는 그것을 아래에 공급했다.

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

출처 : Safari Documentation

이 태그는 가치가 테스트해야합니다.

추가 리소스 : IE Mobile Viewport via Windows Phone Team.

Answer 2

테스트 할 창 전화가 없지만 user-scalable = yes를 추가하면 Windows Mobile에서 도움이 될 수 있습니다.

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