디자인천일공책

Html＆JQuery 브라우져 리사이즈시 화면 비율대로 확대, 축소

페이지 정보

작성자 디자인천일 작성일Date: 2025-03-29 00:34 조회view: 6

본문

브라우져 리사이즈시 화면 비율대로 확대, 축소 

iframe(아이프레임) 사용 시 활용


iframe 내에 페이지에 삽입

jQuery/Javascript

function resizeApply() {
  var minWidth = 860;
  var body = document.getElementsByTagName('body')[0];
  if (window.innerWidth < minWidth) { body.style.zoom = (window.innerWidth / minWidth); }
  else body.style.zoom = 1;
}

window.onload = function() {
  window.addEventListener('resize', function() {
    resizeApply();
  });
}

resizeApply();