클릭하면 브라우저 줌 확대 방법

Question

사용자가 버튼을 클릭 할 때 브라우저 확대/축소 효과를 추가하고 싶습니다. 노인들을위한 정보이므로 쉽게 읽을 수 있도록 텍스트를 확대 할 수 있습니다. 웹 페이지의 레이아웃을 엉망으로 만들므로 실제 텍스트를 더 크게 만들고 싶지 않습니다. 어떻게해야합니까?

나는 여러 사이트에서 비슷한 결과를 얻는 A A A 버튼을 보았습니다.

Answer 1

필자가 필요하다면 태그의 활성 클래스를 토글하는 3 개의 다른 버튼을 만들 수 있으며 각 클래스에는 글꼴 크기 정의가 있어야한다고 말하고 싶습니다.

<a data-size="small">small</a> 
<a data-size="normal">normal</a> 
<a data-size="large">large</a> 

$("a").on("click", function(){ 
    $("html").removeClass().addClass($(this).data("size")); 
}); 

html.small{font-size:12px;} 
html.normal{font-size:20px;} 
html.large{font-size:36px;} 

Answer 2

직접 브라우저 컨트롤 자체를 스크립트로 구동하면 안되기 때문에 어떤 경우에는 위험 할 수 있습니다. 브라우저는 다양한 방식으로 확대/축소를 구현하며, 내가 아는 한이를 수행 할 "네이티브 API"는 없습니다.

가장 가까운 것은 이미지와 글꼴 크기를 변경하는 것입니다. 네가 원하는 대답이 아니야, 나도 알아.