질문

내 웹페이지가 시작될 때로드 될 때 div에서 "확대"효과를 시뮬레이션하는 JavaScript 함수를 성공적으로 만들었습니다. 이 기능은 미디어 화면의 스케일링을 깨뜨 렸습니다. 나는 그것이 왜 망가 졌는지 이해하지만 그것을 고치기 위해 어떻게 다시 포맷해야할지 잘 모르겠습니다.

    $(document).ready(function(){
        $('#zoom-box').animate({
        width:'600px',
        height:'250px',
        top:'0',
        left:'0',
        }, 500);
    });

width : 600px가 미디어 화면에 비해 너무 크다는 것을 알고 있습니다 ...하지만 이것을 재정의하는 방법을 잘 모르겠습니다. maxWidth를 시도했지만 작동하지 않았습니다.

답변1

문제가 해결되는지 확인하기 위해 이것을 시도 할 수 있습니까?

$(document).ready(function(){
    var w = $(window).width();
    $('#zoom-box').animate({
    width: w,
    height:'250px',
    top:'0',
    left:'0',
    }, 500);
 });