스크립트 반응형으로 인식 질문

스크립트 반응형으로 인식 질문

QA

스크립트 반응형으로 인식 질문

본문

안녕하세요

현재

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로 디바이스를 구분할 수 있습니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 364
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT