안규 공부방

Javascript & JQuery & CSS > 모바일웹 - 모바일기기 에서 사용하는 META 태그

등록일 : 2017-07-18 11:01 조회수 : 93,606

<META name=viewport content="width=device-width, initial-scale=1.0, user-scalable=yes, minimum-scale=1.0, maximum-scale=1.0">

<META name="viewport" content="target-densitydpi=device-dpi, width=device-width user-scalable=no,"/>

<META name="apple-mobile-web-app-capable" content="no">


no는 해당 URL의 바로가기를 추가시에 web-app처럼 보이게 하시겠습니까? 에 대한 메다테그에요 

YES를 선택시 화면에 주소창과 아래쪽의 기본메뉴가 사라지고 STATUS-BAR만 남습니다.


<META name="apple-mobile-web-app-status-bar-style" content="black">


STATUS-BAR의 스타일도 지정해 둡니다. 

저는 no라고 선택해서 safari브라우저와 즐겨찾기를 했을때와 동일한 결과물을 보여주기 위해 NO를 선택했습니다.
※ 혹시 도움이 되셨다면 댓글에 한마디 남겨주세요!
작성자   비밀번호
자동글 방지     (자동글 방지 기능입니다.)
내용   댓글달기 
이메일 문의 : cak0280@nate.com  
Copyright 2000 By ENTERSOFT.KR All Rights Reserved.