[jQuery Plugin] 브라우저 화면 항상 같은 비율로 보이게 처리하기 (default 100%) :: 소림사의 홍반장!

/************************************************************************

*************************************************************************

@Name          :   AdjustZoom - jQuery Plugin

@description:  브라우저 배율이 100% 아닌 경우 처리

@Revison       :   1.0

@Date          :       2015-03-03

@Author        :   HKP

 

**************************************************************************

*************************************************************************/

 

//에디터 페이지 이동 방지

 

(function($) {

 

        $.AdjustZoom = function(options) {

               var option = {

                              zoomRatio : 100

               };

              

               $.extend(option, options);

 

               // 브라우저 배율이 100% 아닌 경우 처리

           if(screen.logicalXDPI != screen.deviceXDPI) {

                  try {

//                alert(screen.availWidth+", "+screen.logicalXDPI+", "+screen.deviceXDPI);

                          var ratio = screen.logicalXDPI / screen.deviceXDPI;

                          var ratio_reverse = screen.deviceXDPI / screen.logicalXDPI;

                          $('body').css('zoom', ( ratio * option.zoomRatio)+'%');

                          $('body').width(screen.availWidth * ratio_reverse );

                  }catch (e) {

                         alert("브라우저 배율 보정 오류가 발생하였습니다. 창을 닫은 다시 열어 주시기 바랍니다.");

                  }

           }

        };

 

})(jQuery);


브라우저의 확대/축소 기능을 이용하여 배율을 변경 한 상태에서도 항상 100% 배율로 보일 수 있게 하는 플러그인.


다른 카테고리의 글 목록

Dev. 웹/JavaScript 카테고리의 포스트를 톺아봅니다