스크립트 반응형으로 인식 질문
본문
안녕하세요
현재
PC랑 Mobile을 따로 만들었는데
다시 반응형으로 만들어야하는 상황이 와서
임시적으로 처리해야하는 상황입니다.
css 파일은
<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); ?>" >
로 처리했으나 js 인클루드 부분이 다소 문제인것같아..
<script type="text/javascript" src="<?php echo G5_THEME_JS_URL?>/custom_pc.js" charset="utf-8"></script>
<script type="text/javascript" src="<?php echo G5_THEME_JS_URL?>/custom_mo.js" charset="utf-8"></script>
위 두개도 css처럼 미디어쿼리 인식을하여
인클루드 받을 수 있을까요?
관련 링크나 조언부탁드립니다.
답변 2
스크립트는 반응형의 경우 제이쿼리 기준 윈도우 미디어 코드 사용시 원하시는데로 됩니다만
관련 라이브러리도 있을거에요
직접 구현하실거면 아래 코드 쓰시면되세요
if($(window).width() < 740){
모바일
}else{
피시
}
<?php if(preg_match("/(iPod|iPhone|Android|BlackBerry|SymbianOS|SCH-M\d+|Opera Mini|Windows CE|Nokia|SonyEricsson|webOS|PalmOS)/", $_SERVER['HTTP_USER_AGENT'])){ ?>
<script type="text/javascript" src="<?php echo G5_THEME_JS_URL?>/custom_mo.js" charset="utf-8"></script>
<?php }else { ?>
<script type="text/javascript" src="<?php echo G5_THEME_JS_URL?>/custom_pc.js" charset="utf-8"></script>
<?php }?>
userAgent로 디바이스를 구분할 수 있습니다.
답변을 작성하시기 전에 로그인 해주세요.
