JQuery+JavaScript 브라우져 리사이즈시 화면 비율대로 확대, 축소
페이지 정보
- 작성자인군
- 조회 : 151
- 작성일 : 2023-11-06 15:31
본문
브라우져 리사이즈시 화면 비율대로 확대, 축소
iframe(아이프레임) 사용 시 활용
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();
<script>
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();
</script>
- 이전글PC, Mobile(모바일) 작업 화면 사이즈 2023.11.06
- 다음글텍스트 마우스 드래그시 css 적용 2023.07.06