2012-03-20 2 views
0

현재 UIWebView (iPad)에 HTML 페이지가 표시되고 제대로로드되고 있습니다.html 페이지의 헤더 정보를 프로그래밍 방식으로 변경

하지만 문제는 컨테이너보기에 제대로 맞지 않는다는 것입니다. 그래서 나는 scalePageToFit..etc와 같은 모든 것을 시도했지만 그것이 나의 요구 사항을 충족시키지 못한다.

그래서 HTML 페이지를 확인하고는 다음과 같이 표시됩니다

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
</head> 
..... 
...... 
</html> 

그래서 우리 html 파일 에 나는 우리가 (stringByEvaluatingJavaScriptFromString를 사용하여) 모든 자바 스크립트 파일을 삽입 할 수 있음을 알 조금 인터넷 검색을 한 후 무엇이든 할 수 있습니다. 이것에

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 

:

그래서 나는 다음과 같은 변경할 수 있습니까? 확인

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

답변

0

100 %이 아이폰에서 작동하지만 자바 스크립트를 사용하여 메타 태그를 추가, 당신은이 같은 soemthing을 사용합니다 :

var meta; 
if (document.createElement && (meta = document.createElement('meta'))) { 
    meta.name = "viewport"; 
    meta.content = "width=320"; 
    document.getElementsByTagName('head').item(0).appendChild(meta); 
} 
0

애플 기술 노트 "에 대한 귀하의 웹 콘텐츠를 준비 iPad "에는 좋은 제안이 있습니다. 뷰포트의 너비를 하드 코딩하지 마십시오. iPad에서는 1024보다 작은 뷰포트 너비로 인해 내용이 날아가거나 흐려질 수 있습니다. 그들의 제안이 개선이지만, 장치가 가로 모드에있는 경우 콘텐츠는 여전히 폭파됩니다

<meta name="viewport" content="width=device-width" /> 

입니다. 이는 device-width가 현재 방향의 화면 너비가 아닌 실제 장치 (320px 또는 768px)의 너비이기 때문입니다. 결과적으로 콘텐츠를 768px로 렌더링하고 최대 1024px로 폭파 할 수 있습니다.

<meta name="viewport" content="width=720, 
          maximum-scale=1.0" /> 
: 콘텐츠가 폭파되어 있지 않은지 확인하기 위해 파열

방지

는 1.0으로 최대 규모를 설정

관련 문제