2012-12-02 5 views
1

런타임시 뷰포트 크기를 설정하고 싶습니다. 설정 후에 모바일 브라우저에서 즉시 변경 사항을 적용해야합니까? 이것이 제가 시도하는 것입니다 :런타임시 뷰포트 눈금을 변경 하시겠습니까?

var scale = 2.0; 
var viewport = document.getElementById("viewport"); 
if (viewport != null) { 
    viewport.setAttribute("content", 
     "initial-scale=" + scale + ", " + 
     "maximum-scale=" + scale + ", " + 
     "minimum-scale=" + scale + ", " + 
     "user-scalable=no"); 
} 

그러나 작동하지 않는 것 같습니다. 기본적으로 나는 눌렀을 때 뷰포트 배율을 두 ​​배로하는 버튼을 원합니다. 나는 주로 모바일 사파리를 목표로하고 있습니다.

감사

+0

속성 문자열에 세미콜론 (';')을 사용하지 말고 쉼표 (',')를 사용하십시오. – ahren

+0

@ahren ok thanks 감사합니다. 다시 시도해 보았지만 아무 것도 보이지 않습니다. 시각적 인 변화는 내 아이폰 (4s)에 대한 버튼 클릭에 응답하여 해당 코드를 실행할 때 발생합니다. Thanks – user291701

+0

'initial-scale'이 페이지로드에만 효과적이라고 생각할 때'minimum-scale'을 설정해야 할 수도 있습니다 ... – ahren

답변

1

몇 가지 고려해야 할이 :

  • 뷰포트 콘텐츠 문자열이 아니라 일련의 명령문보다, 쉼표로 구분해야합니다.
  • minimum-scale은 아마도 여기에 있어야합니다. initial-scale은 페이지로드 전용 일 것입니다.
관련 문제