1. 뷰메타테그

뷰 메타테그는 가로 <-> 세로 자동 회전과 모바일 디바이스에 맞게 크기가 최적화 되어 나오는 테그입니다. 모바일웹최적화의 한단계 입니다.

보통 테그 코드는  

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />

이렇게 되며,

네이버 뷰메타코드는

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
입니다.

다음은 뷰메타코드는

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

이네요~

약간씩의 차이는 있지만... 거의 대부분 비슷한 코드를 사용하고 있습니다.

없으신 분들은 추가 하세요~~

이때 가로로 돌렸을 시 폰트가 크게 변경되거나 하실 수 있는데요~

  * {-webkit-text-size-adjust:none;}

이걸 넣어주면 됩니다~ ㅎ

2. 모바일 CSS

CSS에 대해선 많이들 알고 계신걸로 알고 있습니다.

모바일CSS도 설정 가능 하신데요~

모바일CSS코드는

<link rel="stylesheet" href="http://domain.tld/mobile.css" type="text/css" media="handheld" />
 

입니다.

다음

<link rel="stylesheet" type="text/css" href="http://m1.daumcdn.net/top-sc/static/mobile11v2/css/mtop320_20120410v1.min.css" />
<style type="text/css">

네이버