스크립트 반응형으로 인식 질문 채택완료
바트컨트롤
2년 전
조회 1,931
안녕하세요
현재
PC랑 Mobile을 따로 만들었는데
다시 반응형으로 만들어야하는 상황이 와서
임시적으로 처리해야하는 상황입니다.
css 파일은
</p>
<p><link rel="stylesheet" media="all and (min-width:740px)"href="<?php echo run_replace('head_css_url', G5_THEME_CSS_URL.'/style_pc.css?ver='.G5_CSS_VER, G5_THEME_URL); ?>" >
<link rel="stylesheet" media="all and (max-width:739px)" href="<?php echo run_replace('head_css_url', G5_THEME_CSS_URL.'/style_mo.css?ver='.G5_CSS_VER, G5_THEME_URL); ?>" ></p>
<p>
로 처리했으나 js 인클루드 부분이 다소 문제인것같아..
</p>
<p><script type="text/javascript" src="<?php echo G5_THEME_JS_URL?>/custom_pc.js" charset="utf-8"></script></p>
<p><script type="text/javascript" src="<?php echo G5_THEME_JS_URL?>/custom_mo.js" charset="utf-8"></script></p>
<p>위 두개도 css처럼 미디어쿼리 인식을하여
인클루드 받을 수 있을까요?
관련 링크나 조언부탁드립니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
미니님a
Expert
2년 전
스크립트는 반응형의 경우 제이쿼리 기준 윈도우 미디어 코드 사용시 원하시는데로 됩니다만
관련 라이브러리도 있을거에요
직접 구현하실거면 아래 코드 쓰시면되세요
</p>
<p> </p>
<p>if($(window).width() < 740){</p>
<p>모바일</p>
<p>}else{</p>
<p>피시</p>
<p>}</p>
<p> </p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
2년 전
</p>
<p> <?php if(preg_match("/(iPod|iPhone|Android|BlackBerry|SymbianOS|SCH-M\d+|Opera Mini|Windows CE|Nokia|SonyEricsson|webOS|PalmOS)/", $_SERVER['HTTP_USER_AGENT'])){ ?></p>
<p> <script type="text/javascript" src="<?php echo G5_THEME_JS_URL?>/custom_mo.js" charset="utf-8"></script></p>
<p> <?php }else { ?></p>
<p> <script type="text/javascript" src="<?php echo G5_THEME_JS_URL?>/custom_pc.js" charset="utf-8"></script></p>
<p> <?php }?></p>
<p>
userAgent로 디바이스를 구분할 수 있습니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인