2011-10-21 2 views
0

일부 웹 사용자는 시력 문제로 인해 표준보다 큰 글꼴을 요구할 수 있으며 전통적으로 디자이너는 버튼 클릭만으로 텍스트의 크기를 조정할 수있는 스크립트를 구현할 수 있었지만 브라우저는 이제 훨씬 편리하게 작동하는 매우 편리한 줌 기능을 제공합니다 전체 페이지를 확대하고 개발자에게 레이아웃 문제를 생성하는 경향이 없습니다.브라우저의 페이지 크기 조정 기능에 액세스하여 제어 할 수 있습니까?

모든 웹 사용자가 브라우저에서 이러한 기능을 인식하지 못하거나 액세스하는 방법이 제한적이므로 브라우저의 줌 기능을 제어하는 ​​웹 사이트에 줌 버튼을 추가하여 사용자 경험을 단순화 할 수 있는지 궁금합니다.

그래서 가능합니까? 심지어 좋은 생각입니까?

+2

http://stackoverflow.com/questions/1055336/changing-the-browser-zoom-level – Mob

+0

아, 명확하게 (즉를 찾지 못했습니다보세요!). 감사. 나이가 2 세이지만 물건이 틀림없이 변했습니까? –

+0

@ JackRoscoe : 이전 질문에 대한 업데이트 된 대답을 원할 경우 현상금을 추가 할 수 있습니다. –

답변

1

당신은 body 태그에 CSS를 통해 그것을 할 수는 :

body { 
    zoom: 200%; 
} 

높이기 위해 몇 가지 간단한 자바 스크립트/줌 레벨을 감소, 당신은 기본적으로 브라우저의 "더 큰/작은"버튼을 복제했습니다.

+0

이것은 CSS3 기능이며 모든 브라우저 (Opera, Firefox)에서 지원되지 않습니다. 또한 주목할 점은 사용자의 현재 확대/축소 설정에 영향을 미치지 않으므로'document.body.style.zoom = "200 %"'을 설정하고 사용자의 현재 확대/축소 설정이 이미 200 % 인 경우 효과적으로 두 배가된다는 것입니다 확대/축소 수준. –

+0

사실, 브라우저의 줌 기능을 실행하기 위해 페이지가 브라우저에 도달 할 방법이 없으므로 이것이 가장 좋은 방법입니다. –

관련 문제