모바일 레이아웃 뷰포트 설정하기
LG 모바일 기기와 삼성 모바일 기기의 기본 브라우저 화면 뷰포트가 다르더군요.
뷰포트 메타값을 넣지 않아도 삼성 제품은 1.0 사이즈로 출력이 되는데
LG G2의 경우는 제각각 나타나는 것 같습니다.
일단 메타값으로 뷰포트를 넣어주니 정상적으로 두 모바일 기기에서 똑같이 보여지더군요.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
모바일 레이아웃 만들 때는 꼭 뷰포트는 넣어서 제작하세요..
eond
Lv. 12
댓글 3
또 메타 값을 넣으려면
{@
Context::addMetaTag('viewport', 'target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0');
}
이런식으로 넣어야 하죠~