모바일 레이아웃 뷰포트 설정하기
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. 13
# 라이믹스 스킨 제작은 어디? >>>> XE 레이아웃, 라이믹스 스킨제작은 이온디에서 커스터마이징해드립니다.
# 빠른 라이믹스 커뮤니티용 호스팅을 찾고 계신가요? >>>> 이온디호스팅 서비스는 PHP8 & Redis 서버 캐시를 활용하여 라이믹스에 최적화된 호스팅 서비스를 제공해드립니다. (서버세팅시 웹패널, 내도메인메일서비스도 함께 구축해드립니다.)
https://eond.com
# 빠른 라이믹스 커뮤니티용 호스팅을 찾고 계신가요? >>>> 이온디호스팅 서비스는 PHP8 & Redis 서버 캐시를 활용하여 라이믹스에 최적화된 호스팅 서비스를 제공해드립니다. (서버세팅시 웹패널, 내도메인메일서비스도 함께 구축해드립니다.)
https://eond.com
댓글 3
또 메타 값을 넣으려면
{@
Context::addMetaTag('viewport', 'target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0');
}
이런식으로 넣어야 하죠~