모바일 장치가 아닌 페이지에서 모바일 장치 화면 너비와 높이 감지

Question

모바일에 서식이 지정되지 않은 페이지에 div 요소가 있습니다. 모바일 친화적 인이 페이지를 형식화하고 싶지는 않습니다. 클릭하면 div가 모바일 장치의 크기로 확장됩니다. div가 빈 페이지에있을 때 작동하지만 div가 페이지로 가득 찼을 때 작동하지 않습니다. 화면이나 창 높이/너비를 감지하는 데 여러 가지 방법을 사용하려고 시도했지만 올바르게 조정되지 않았습니다. 이 세로 540x960 감지하는 모토로라 레이저 맥스에 대한 있도록 -

사업부가 제대로 장치의 픽셀 폭과 높이를 감지 : 내가 무슨 일이 일어나고 생각하는 것입니다. 이 사이트는 모바일이 아닌 사이트이므로 웹 사이트의 형식이 축소됩니다. 실제 웹 페이지의 줌 메커니즘을 조정하고 싶지 않으므로 div는 540x960으로 포맷되지만 문서의 크기에 비례하여 실제 화면은 아닙니다. 내가해야 할 일은

은 눈에 보이는 프레임의 픽셀 크기를 감지하고 화면이 아닌 페이지와 관련하여 크기에 DIV를 조정합니다. 또는 축소 모드에서 페이지의 크기를 감지해야합니다.

불행하게도 나는이 시간에 예제 코드를 제공 할 수 없습니다.

아무도 도와 드릴 수 있습니까?

감사합니다.

Answer 1

이 샘플 코드는 당신이 달성하려고 정확히 알고,하지만 난이 가능한 솔루션과 함께 내 이해를 의역 것없이 어렵다. 당신은 클릭하면, 화면의 폭으로 확장, 요소를 가지고있는 것처럼

는 소리가 난다. 그러나 휴대 전화에서 화면! = 페이지. 확대/축소 수준에 관계없이 요소가 화면 너비와 동일하게 유지되기를 원합니다.

올바르게 이해한다면 페이지 크기가 아닌 창의 크기에 맞게 jQuery (또는 POJS) 비트를 만들어야하는 것처럼 들립니다. window.innerWidth 속성은 사용자가 확대 할 때 업데이트됩니다. clientWidth 또는 이와 유사한 값 대신이 값을 사용할 수 있습니다.

Detect page zoom change with jQuery in Safari