브라우저에서 자바 스크립트를 사용하면 확대됩니다.

Question

강제로 창을 확대/축소하거나 참조 픽셀 크기를 변경하는 방법이 있는지 궁금합니다. 난 당신이 우리 rem를 사용하여 루트 HTML font-size을 변경했습니다 window.devicePixelRatio

에보고 된 줌 레벨을 얻을 수 있습니다 알고 있지만, DPI 및 접근성이 브라우저의 참조 픽셀에 의해 보상되기 때문에, 픽셀을 사용하려면, 대부분의 측정 clientWidth과 드래그 터치 이벤트는 px으로 측정되며 이유가 없으므로 추가로 수학을 사용하여 rem으로 크기를 조정합니다.

덕분에

Answer 1

나는 자바 스크립트를 사용하여 줌을-사용했습니다. 나는 단순히 사용하고있다 document.body.style.zoom=1.5;

Here는 당신이 볼 수있는 피들입니다. 아마도 이것은 당신의 문제를 해결할 것입니다.

Answer 2

CSS를 zoom 속성이 없습니다supported이지만, 변형 아마 여전히 더 나은 라이브러리를 사용하는 것입니다하지만, supported입니다 transform: scale(%);는 가장 쉬운 방법입니다.

p { 
 
    animation: scale 5s infinite; 
 
} 
 

 
@keyframes scale { 
 
    0% { 
 
    transform: scale(1); 
 
    } 
 
    50% { 
 
    transform: scale(.1); 
 
    } 
 
    100% { 
 
    transform: scale(1); 
 
    } 
 
}

<p>I'll grow larger and smaller<p>