2010-08-11 3 views
3

주로 iPhone 및 Android와 같은 휴대 기기에서 HTML 페이지를 올바르게 렌더링하려고합니다. 페이지는 448x278 이미지로 아래에 몇 줄의 텍스트가 가운데에 모두 표시됩니다. 누군가가 페이지를 방문 할 때 장치의 브라우저에서 올바르게 확대되어 장치의 화면을 채우고 싶습니다 (완전히 축소되는 것과 반대).iPhone HTML 질문 - 신체에만 액세스

여기 잡기가 있는데, 왜 내가 온라인으로 작동하는지 찾을 수 없었습니다.이 페이지는 무선 캡 티브 포털의 로그인 페이지입니다. 실행중인 하드웨어 (불행하게도 독점 어플라이언스)는 페이지의 사용자 정의 만 허용하므로 메타 태그를 사용할 수 없습니다.

불행히도 JS 이외의 어떤 종류의 스크립팅도 허용하지 않습니다. 따라서 모든 브라우저에서 올바르게 렌더링되고 작동하는 하나의 정적 HTML 페이지 여야합니다.

누구든지이 작업을 수행해야하는 해킹을 알고 있습니까? 나는 절대적인 폭을 가진 다양한 div와 테이블을 시도했지만 아무 것도 얻지 못했다. 필자가 표준을 준수하는 HTML 4.01을 완벽하게 수행하는 한,이 기능을 사용하지 않고 작동 시키려면 해킹이 필요합니다.

모든 아이디어는 크게 감사하겠습니다. 감사합니다, Jason

답변

0

아직 테스트하지 않았지만 자바 스크립트를 사용하여 헤드 태그에 메타 태그를 추가 할 수 없습니까? 더러운 해킹이지만이 순간에 다른 방법을 생각할 수는 없습니다.

0

<meta name="viewport" content="user-scalable=yes, width=448px, initial-scale=1.4" />

initial-scale을 변경해보십시오. 나는 그것이 단지 iPhone에 영향을 미친다고 믿는다.

"ahonorstudent"에서 메타 코드와
1

당신은이 작업을 수행 할 수 있습니다

var meta = document.createElement('meta'); 
meta.name = 'viewport'; 
meta.content = 'initial-scale=1.4'; 
document.getElementsByTagName('head')[0].appendChild(meta); 

을 cource의 JS에서. 그게 효과가있다. 그러나 그는 지적했다. 규모를 조정해야 할 수도 있습니다.