웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
모바일 이미지축소모드
2015.05.07 18:35
.xe_content img { max-width:50px !important;max-height:50px !important;}
다음과 같은 css를 작성하여 레이아웃의 css폴더에 redc.css의 파일명으로 저장합니다.
!important는 이전의 css를 무시하고 해당 css를 무조건적으로 적용하게 합니다.
50px가 아닌 퍼센테이지로 축소할려면 50%와 같이 수정하시면 됩니다.
<load target="./css/redc.css" cond="$_COOKIE['redc'] == 'Y'" />
레이아웃의 위에 다음과 같은 코드를 삽입합니다.
<li><button type="button" onclick="setCookie('redc','Y',60);top.location.reload()" cond="$_COOKIE['redc'] != 'Y'">축소모드 ON</button></li> <li><button type="button" onclick="setCookie('redc','N',60);top.location.reload()" cond="$_COOKIE['redc'] == 'Y'">축소모드 OFF</button></li>
이미지 축소를 위한 버튼을 추가합니다.