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

Question

js 파일을 하나 불러오는데요

해상도에 따라서 파일이 다르게 불러지거나, js 파일안에서 바껴져야 하는데

반응형으로 하질 못하겠네요 ㅠㅠ

 

본문에서 A.js파일을 불러오는 걸 반응형으로 하는건 안되는것 같고..

 

A.js 파일안에서

[code]

if (document.body.clientWidth < 700) {

내용1

 } else {

내용2

}

[/code]

이렇게 넣어두니 새로고침하면 크기에 맞게 내용1 또는 내용2 적용은 되는데

반응형으로는 안되네요..

 

화면크기 조정할때마다

가로를 체크해서

내용1 또는...

kkama9 · Accepted Answer

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

Rido · Answer

https://webisfree.com/2015-02-03/[%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%AC]-%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80-%EC%B0%BD-%ED%81%AC%EA%B8%B0-%EB%B3%80%ED%99%94-%EC%9D%B4%EB%B2%A4%ED%8A%B8-resize()

 

잘 설명되어져 있네요

볼피드 · Answer

[code]
$(window).resize(function() {
 if (document.body.clientWidth < 700) {
  내용1
 } else {
  내용2
 }
});

[/code]

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

답변 3개 / 댓글 1개

답변에 대한 댓글 1개

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

답변 3개 / 댓글 1개

답변에 대한 댓글 1개

공유하기