묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
반응형 웹페이지 제작을 하려고 합니다.
2012.03.13 18:19
얼마전에야 css에서 미디어 쿼리를 알게되어 반응형 웹페이지를 만들어보려합니다.
일명 responsive layout, 혹은 responsive web design 이라고도 하던데...
xe 메뉴부분부터 테스트하려는데 잘 안되네요;;
혹시 미디어 쿼리를 이용한 xe사이트 있는지 궁금합니다.
(강좌가 있다면 더할나위 없이 좋겠습니다 ㅠㅠ 초짜인지라;;)
다음 주소는 반응형 웹디자인으로 짜여진 사이트로서, 브라우저의 좌우 너비를 줄이면 자동으로
레이아웃 구성이 바뀌는데 깔끔한듯 해서 참고차 기재합니다.
비슷한 효과로는 xe 1.5버전 이후의 관리페이지에서도 확인할 수 있습니다.
감사합니다.
ps - IE를 통해 확인할 경우 버전9 이후에서나 가능합니다. 크롬이나 오페라, 사파리, 파폭은 정상적으로 구동됩니다.
태그 연관 글
- [2016/12/07] 묻고답하기 유튜브(YouTube) 모듈 반응형으로!!!
- [2016/09/28] 묻고답하기 반응형 웹 질문! 화면을줄였을때 이미지 변경하는법 ㅜㅜ *1
- [2015/07/16] 묻고답하기 widget을 감싸고 있는 박스에 미디어쿼리를 넣고 싶습니다 *2
- [2014/07/28] Blog XE 오픈 세미나 <반응형 레이아웃 제작 실습> 스케치 - 7월 26일 *4
- [2014/04/15] 묻고답하기 반응형 레이아웃.. 어떻게 해지할까요? *1
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
eJungHyun | xe_blog 레이아웃에서요.. | |
울뜨라 | layout.html 이 사라져도 보일수 있나요? [1] | 2010.08.27 by 울뜨라 |
Treasurej | 여러조건의 block문 [1] | 2011.07.07 by ForHanbi |
포토올/wow | XE1515-Bodex DX 에서 Clio 레이아웃이 깨어져요~.ㅠㅠ.헬프 미.ㅠㅠ. [2] | 2012.02.09 by 포토올/wow |
은하철이 | 반응형 웹페이지 제작을 하려고 합니다. [1] | 2012.03.13 by XEMANIA |
톰보우연필 | 레이아웃 Mobile를 클릭하면 오류메시지 | |
윤씨 | 에디터 컴퍼넌트 설정 시 오류가..;;; | |
DynamicLaser | 스킨에서 원하는 내용만 파싱되어 나오게끔 할순 없을까요? [1] | 2014.04.03 by DynamicLaser |
thbsp | common/tpl/의 내용 수정하려면 주의사항 있나요? [3] | 2014.12.15 by devflow |
http://naradesign.net/wp/2011/05/27/1483/
이곳을 참고해보세요 ^^*