해상도에 따라 반응형으로 자바스크립트 바뀌게 할려면..
본문
js 파일을 하나 불러오는데요
해상도에 따라서 파일이 다르게 불러지거나, js 파일안에서 바껴져야 하는데
반응형으로 하질 못하겠네요 ㅠㅠ
본문에서 A.js파일을 불러오는 걸 반응형으로 하는건 안되는것 같고..
A.js 파일안에서
if (document.body.clientWidth < 700) {
내용1
} else {
내용2
}
이렇게 넣어두니 새로고침하면 크기에 맞게 내용1 또는 내용2 적용은 되는데
반응형으로는 안되네요..
화면크기 조정할때마다
가로를 체크해서
내용1 또는 2를 구분해서 불러오도록 할수 없을까요?
답변 3
윈도우 리사이즈는 모바일 사이즈 변경없을때도 호출할때가 있었습니다. 미디어쿼리 사용이 좋을듯 합니다...
$(window).resize(function() { if (document.body.clientWidth < 700) { 내용1 } else { 내용2 } });
답변 감사합니다.
A.js 파일 안에 넣어봤는데 적용이 안되네요 ㅠ
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()
잘 설명되어져 있네요
답변을 작성하시기 전에 로그인 해주세요.