강제로 웹 페이지를 열면 100 % 확대됩니다 (IE8)

Question

나는 FireFox/Chrome/Opera/Safari의 확대/축소 기능이 잘 작동하는 웹 사이트를 가지고 있습니다. 그러나 인터넷 익스플로러에서는 사이트가 100 % 확대 된 것처럼 보입니다. IE7에서는 기본 확대/축소가 100 %이지만 IE8에서는 기본 확대/축소가 125 %이므로 IE8을 사용하는 경우 ctrl + 0을 눌러야합니다. IE에서 CSS3 지원을 위해 http://www.css3pie.com에서 PIE.htc를 사용했습니다.

보기 크기를 제어하는 ​​JavaScript 코드 또는 메타 태그가 있습니까? 물론 IE 용으로 만 사용하겠습니다.

Answer 1

http://msdn.microsoft.com/en-us/library/ms531189(v=vs.85).aspx

"윈도우 인터넷 익스플로러 8 -ms-줌 속성은 CSS의 확장이며, IE8 모드에서 줌의 동의어로 사용할 수 있습니다."

그런데, 나는 그것이 어떻게 행동 하는지를 알기 위해 노력하지 않았으며, 사용자에게 특정 크기의 것을 강요해서는 안된다.

모든 최신 브라우저는 위아래로 부드럽게 스케일을 조정하는 훌륭한 작업을하므로 너무 걱정하지 않아도됩니다.

EDIT : 내 컴퓨터에서 Chrome과 IE8의 사이트가 제대로 표시됩니다 (내 컴퓨터에서 100 %로 열리므로 브라우저 설정을 확인하십시오.)이 모든 논의는 논리적 일 수 있습니다.

Answer 2

아니요, 불가능합니다. 사용자 환경 설정은 사용자에게 달려 있으며 주위를 둘러 볼 수 있다고해도 그렇게해서는 안됩니다.

사용자가 자신의 페이지를 어떻게 확대하고 싶은지 결정하는 것은 사용자의 몫입니다. 명심해야 할 점은 잘 보지 못하는 사람들 (또는 간신히 볼 수있는 사람들)이 많기 때문이며, 스케일링 된 그래픽의 모양보다 페이지를 읽을 수있는 것에 더 많은 관심이 있습니다.

Answer 3

Brad와 Tim Medora에게 감사드립니다.
"-ms-zoom"속성이 유용하다고 생각합니다.

<meta name="viewport" content="initial-scale=1.0 , minimum-scale=0.5 , maximum-scale=1.5" /> 

자세한 here를 참조하십시오

애플은 아이폰과 아이팟의 Safari를위한 좋은 솔루션을 개발했다.

모바일 Firefox는이 메타 태그도 지원합니다.
또한이 태그는 데스크톱 브라우저에 유용 할 수 있지만 아직 지원하지 않습니다.

Answer 4

1. 이 페이지

   <script> 
       $(document).ready(function() { 
        $(document).keydown(function (event) { 
         if (event.ctrlKey == true && (event.which == '107' || event.which == '109' || event.which == '187' || event.which == '189')) { 
          event.preventDefault(); 
         } 
        }); 
   
        $(window).bind('mousewheel DOMMouseScroll', function (event) { 
         if (event.ctrlKey == true) { 
          event.preventDefault(); 
         } 
        }); 
       }) 
   </script> 
   

을 확대하기 위해 나는 사용자를 방지이 크롬

<script> 
    document.firstElementChild.style.zoom = "reset"; 
</script> 

에서 작동