모바일과 PC화면에서 다른 내용을 보여주려고 합니다. 정보
모바일과 PC화면에서 다른 내용을 보여주려고 합니다.본문
단순히 페이지 이동이 아니라
---------------------------------
if 모바일
<div id="mobile">
<a style="color:#333; font-weight:bold" href="#">모바일</a>
</div>
else
<div id="pc">
<a style="color:#777; font-weight:900" href="#">피씨</a>
</div>
---------------------------------
이렇게 하고 싶습니다.
아무리 찾아봐도 모바일 에이전트 구분후에 모바일 주소로 이동하는 소스만 있더군요.
php나 자바에 대해 잘 몰라서 거의 복사 붙여넣기 수준으로 쓰는데..
몇 시간을 찾아봐도 제가 원하는 소스는 없네요.
그누보드에서 위 소스 구현 가능한가요?
예제좀 부탁드립니다 ..
---------------------------------
if 모바일
<div id="mobile">
<a style="color:#333; font-weight:bold" href="#">모바일</a>
</div>
else
<div id="pc">
<a style="color:#777; font-weight:900" href="#">피씨</a>
</div>
---------------------------------
이렇게 하고 싶습니다.
아무리 찾아봐도 모바일 에이전트 구분후에 모바일 주소로 이동하는 소스만 있더군요.
php나 자바에 대해 잘 몰라서 거의 복사 붙여넣기 수준으로 쓰는데..
몇 시간을 찾아봐도 제가 원하는 소스는 없네요.
그누보드에서 위 소스 구현 가능한가요?
예제좀 부탁드립니다 ..
댓글 전체
반응형 웹이 적합한것같네요
http://thdwngusl.blog.me/187357674
http://thdwngusl.blog.me/187357674
윗분의 반응형 웹에 한표.
단순히 if ( pc 일때 ) { 처리 } elseif ( 모바일 일때 ) { 처리 }
이렇게 하게되면 현재처럼 다양한 사이즈의 브라우져를 모두 만족시키기 어렵습니다.
그리고 말씀하신거처럼 모바일로 이동하나 if 문으로 처리하나 손가는건 똑같구요.
미디어쿼리로 검색하시면 많은 정보를 얻을수 있을꺼에요.
단순히 if ( pc 일때 ) { 처리 } elseif ( 모바일 일때 ) { 처리 }
이렇게 하게되면 현재처럼 다양한 사이즈의 브라우져를 모두 만족시키기 어렵습니다.
그리고 말씀하신거처럼 모바일로 이동하나 if 문으로 처리하나 손가는건 똑같구요.
미디어쿼리로 검색하시면 많은 정보를 얻을수 있을꺼에요.
원하시는 것은 php 에서 UA 를 identify 해서 if else 문으로 모바일이냐 데스크탑이냐에 따라 각각 다른 resource 를 로딩해주는 방식인데, 예제는
http://hackya.com/tutorial/downloads/repository/bible-master.zip
이거 다운받아 보시면 됩니다. RESS 를 복잡하게 안짜고 누구나 쉽게 따라해 볼수 있도록 최대한 간략하게 짠겁니다.
이렇게 만든겁니다.
http://hackya.com/bible/demo/
모바일 resolution, 그러니까 320/480px 이상에서는 client-side responsive (미디어쿼리 적용)
그리고, 모바일 resolution 에서는 server-side UA identification (님이 원하시는 방식)
이렇게 복합적으로 반응형 웹사이트 짜는걸 RESS 라고 합니다.
http://www.slideshare.net/4nd3rsen/ress-responsive-web-design-serverside-components
처음에는 조금 혼동스럽기도 한데, 몇번해보시면 쉬워집니다.
http://hackya.com/tutorial/downloads/repository/bible-master.zip
이거 다운받아 보시면 됩니다. RESS 를 복잡하게 안짜고 누구나 쉽게 따라해 볼수 있도록 최대한 간략하게 짠겁니다.
이렇게 만든겁니다.
http://hackya.com/bible/demo/
모바일 resolution, 그러니까 320/480px 이상에서는 client-side responsive (미디어쿼리 적용)
그리고, 모바일 resolution 에서는 server-side UA identification (님이 원하시는 방식)
이렇게 복합적으로 반응형 웹사이트 짜는걸 RESS 라고 합니다.
http://www.slideshare.net/4nd3rsen/ress-responsive-web-design-serverside-components
처음에는 조금 혼동스럽기도 한데, 몇번해보시면 쉬워집니다.
그리고 미디어쿼리를 쓰지 않고도 반응형 웹을 만들수 있는가? 물론 입니다. 옛날에는 (그러니까 한 2년전쯤에는 ㅎㅎㅎ) 미디어쿼리를 쓰지 않고 반응형 웹사이트 만들고 그랬습니다. 그리고 모바일 resolution 만 별로도 짜고 하는 방식이었었죠.
제가 2년전에 반응형으로 만들었던 자료.
http://hackya.com/cherry2/
다운로드: http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=145804#c_145834
제가 2년전에 반응형으로 만들었던 자료.
http://hackya.com/cherry2/
다운로드: http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=145804#c_145834
미디어쿼리로 하게 되면 단순히 해상도값으로 구분하는것 아닌가요?
레티나 디스플레이처럼 해상도가 높은 모바일 기기로 접속하게 된다면 모바일 기기임에도 불구하고 pc화면이 보여지게 될것 같은데요..ㅜ
답변해주신 분들 감사합니다 ^^
레티나 디스플레이처럼 해상도가 높은 모바일 기기로 접속하게 된다면 모바일 기기임에도 불구하고 pc화면이 보여지게 될것 같은데요..ㅜ
답변해주신 분들 감사합니다 ^^
"미디어쿼리로 하게 되면 단순히 해상도값으로 구분하는것 아닌가요?"
아니오.
retina:
(min-resolution: 192dpi)
:D
아니오.
retina:
(min-resolution: 192dpi)
:D
