동적 뷰포트 메타 태그 ios

전자 메일 뉴스 레터를 표시하는 iPad 응용 프로그램이 있습니다. 이 HTML 컨텐트는 WebView 내부로 가져와 포함됩니다. 대부분의 뉴스 레터 너비는 650px이지만 일부는 900px 정도입니다.동적 뷰포트 메타 태그 ios

기본적으로 너무 작아서 (iPad 기기 너비는 768px이므로) 페이지를 채우기 위해 확대/축소하고 싶습니다. (너비에만 관심이 있습니다 - 수직 스크롤은 괜찮습니다).

뷰포트 메타 태그를 사용하여 650px를 장치 너비로 하드 코딩하면 900px 크기의 뉴스 레터가 잘립니다.

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

: I가 화면 중앙과 표시에 의해 가변 장치 폭 캠페인은 '압착'는 설정하면, 그러나

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

: 또한, 명확한 폭을 설정하는 표시 영역의 크기를 조정 불가능

너비를 동적으로 지정하여 캠페인이 < = 650 인 경우 650으로 설정하고 그렇지 않으면 900으로 설정합니까? 본질적으로 뉴스 레터의 너비를 기반으로 고정 된 뷰포트를 동적으로 설정하려고합니다. 대신 @viewport CSS 규칙을 사용할 수 있습니까?

2012-09-04 Harper

내가 내 다른 비슷한 질문에서 전략을 사용하여이 문제를 해결 결국 :

을 대신 뷰포트 메타를 변경, 동적으로 한 번 JS를 사용하여 뉴스 레터를 확장하는 것이 더 내 경우에는 밝혀졌다 그들은 적재되었다.

2013-06-30 08:37:12 Harper

답변