테스트 사이트 - 개발 중인 베타 버전입니다

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

vimo 6년 전 조회 4,039

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

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

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

 

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

 

A.js 파일안에서

</p>

<p>if (document.body.clientWidth < 700) {</p>

<p>내용1</p>

<p> } else {</p>

<p>내용2</p>

<p>}</p>

<p>

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

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

 

화면크기 조정할때마다

가로를 체크해서

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

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

답변 3개

채택된 답변
+20 포인트
kkama9
6년 전

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

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

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

6년 전
$(window).resize(function() {
 if (document.body.clientWidth < 700) {
  내용1
 } else {
  내용2
 }
});</pre>

<p>

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

답변에 대한 댓글 1개

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

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

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

로그인