해상도에 따라서 js파일 다르게 적용하기 가능한지요
본문
해상도에 따라서 아래처럼 js파일 다르게 적용 할러고 합니다.
어떻게 표현하면 가능한지요?
@media all and (min-width: 800px)
해상도 800 이상에서 불러올 js파일 : <script src="js/script20.js"></script>
@media all and (max-width: 800px)
해상도 800 미만에서 불러올 js파일 : <script src="js/script30.js"></script>
답변 2
미디어쿼리는 CSS에서 사용하는 것이라 스크립트 분기를 만들수 없습니다.
따로, 자바스크립트를 사용해서 문서 로드 및 창 크기 조절시에 작동하는 스크립트를 만들고 너비를 구하여 너비에 따라 스크립트를 분기하시면 될 듯 싶습니다.
아래와 같이 해주세요.
<script type="text/javascript">
if(screen.width>=800){
document.write("<script src='js/script20.js'></script>");
} else {
document.write("<script src='js/script30.js'></script>");
}
</script>
답변을 작성하시기 전에 로그인 해주세요.