[phpVMS] 스킨 사용 시 모바일 지원

다음과 같은 절차를 적용하면 Bootstrap 3.0을 이용한 phpVMS 스킨 제작에서,

모바일 지원을 가능하게 할 수 있다.

1. layout.tpl에 viewport 지정하기

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

이 과정을 진행하면 모바일 브라우저 열람시 확대가 되지 않으며,

Bootstrap의 기본 nav bar 사용 시 자동으로 모바일 특성화로 바뀐다.

2. style.css에서 landscape와 portrait 모드 분리하기

@media all and (orientation: landscape) {

}

@media all and (orientation: portrait) {

}

3. style.css가 바뀌었을 때 숫자만 바뀌면 css가 새로 로딩되게 하기

...href="<?php echo SITE_URL?>/lib/skins/Arctic/styles.css?v=20160428" />