2026, 새로운 도약을 시작합니다.

해상도에 따라 반응형으로 자바스크립트 바뀌게 할려면.. 채택완료

js 파일을 하나 불러오는데요

해상도에 따라서 파일이 다르게 불러지거나, js 파일안에서 바껴져야 하는데

반응형으로 하질 못하겠네요 ㅠㅠ

본문에서 A.js파일을 불러오는 걸 반응형으로 하는건 안되는것 같고..

A.js 파일안에서

Copy
if (document.body.clientWidth < 700) {

내용1

 } else {

내용2

}

이렇게 넣어두니 새로고침하면 크기에 맞게 내용1 또는 내용2 적용은 되는데

반응형으로는 안되네요..

화면크기 조정할때마다

가로를 체크해서

내용1 또는 2를 구분해서 불러오도록 할수 없을까요?

답변 3개

채택된 답변
+20 포인트

윈도우 리사이즈는 모바일  사이즈 변경없을때도 호출할때가 있었습니다. 미디어쿼리 사용이 좋을듯 합니다...

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

Copy
$(window).resize(function() {
 if (document.body.clientWidth < 700) {
  내용1
 } else {
  내용2
 }
});
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

답변 감사합니다.
A.js 파일 안에 넣어봤는데 적용이 안되네요 ㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고