축소 된 모바일 사파리 브라우저에서 문서 너비 또는 창 너비 가져 오기

Question

Google 사이트에서 jquery 기반 라이트 박스를 만들고 있는데, 모두 주요 데스크톱 OS 브라우저에 적합합니다.

하지만 모바일 사파리 (iPhone 및 iPad 모두) 및 아마도 Android 기기에서도 이러한 브라우저의 확장 기능으로 인해 문제가 있습니다.

오버레이 요소를 삽입하고 오버레이 상단에 일부 이미지를 보여주는 '일반'라이트 박스입니다.

다음은 내가하려는 일입니다. 전체 창을 덮고 싶습니다. $(window).width()과 $(window).height()을 얻고 그 값으로 오버레이를 설정하십시오.

일반 데스크톱 브라우저에서는 크기가 조정되지 않았으므로 문제가되지 않지만 크기 조정 장치에서는 768x946 및 데스크톱에서 페이지의 실제 너비이므로 오버레이가 너무 좁고 너무 짧습니다.

예, 스케일링 기능을 해제 할 수 있지만 사이트 크기가 축소되어 보이지 않으므로이를 피하고 싶습니다.

그래서 질문은 다음과 같아야합니다 페이지가 축소 될 때 가 어떻게, 창 또는 신체 요소 중 하나의 실제 의 스케일 없음의 폭을받을 수 있나요?

는 마틴

Answer 1

뷰포트를 설정하는 시도 해 봤나 :-) 사전에 감사합니다? https://developer.mozilla.org/en/mobile/viewport_meta_tag

그냥 작동해야 페이지 확대 금지 : P 어쩌면