jQuery/JavaScript를 사용하여 다른 미디어의 브라우저 창 크기에 따라 페이지 내용을 자동 맞춤하는 방법은 무엇입니까?

Question

텍스트 필드와 제출 버튼이있는 HTML 양식이 있습니다.

텍스트 필드에 URL이 포함되어 있고 제출 버튼을 클릭하면 해당 URL로 리디렉션됩니다.

사용자가 웹 페이지를보고있는 미디어의 브라우저 창 크기에 따라 새 창을 표시하려고합니다.

jQuery/JavaScript를 사용하여이를 수행 할 수 있습니까?

resizeTo()을 사용해 보았지만 하드 코딩 된 값만 허용하기 때문에 사용자가 웹 페이지를보고있는 매체의 브라우저 창 크기를 결정할 수 없습니다.

도움을 주시면 감사하겠습니다. 미리 감사드립니다.

Answer 1

귀하의 질문을 올바르게 이해한다면 귀하는 링크하려는 페이지의 CSS를 코딩 한 사람이 아닙니다. 그렇지 않으면 나는 단순히 그 페이지의 CSS를 foundation과 같은 것을 사용할 수있는 반응이있는 CSS로 바꾸라고 조언합니다.

jQuery는 윈도우 또는 문서가 구현되어 있기 때문에 javascript로 생각합니다. 따라서 다른 Windows 콘텐츠 크기를 변경할 수 있다고 생각하지 않습니다.

그러나 당신이 리디렉션 창 크기가 될 가능성이 높습니다 그리고는 다음과 같이 수행 할 것입니다 현재 윈도우의 크기를 얻을 수있는 방법이있다 : 불행하게도

function changeSize() { 
    var windowSize = parseInt(document.body.clientWidth); 
    if (windowSize < 660) { 
     // do something 
    } else { 
     // do something 
    } 
} 

는 생각은 당신은 이미 그걸 알았습니다 ...