>웹 프론트엔드 >H5 튜토리얼 >html5 모바일 메타 설정

html5 모바일 메타 설정

不言
不言원래의
2018-08-06 17:47:193056검색

이 글은 html5 모바일 터미널의 Meta 설정에 대해 소개합니다. 필요한 친구들이 참고할 수 있기를 바랍니다.

  1. 문서의 너비를 일치시키세요. 장치 문서의 너비는 1:1로 유지되며 문서의 최대 너비 비율은 1.0이며 사용자는 화면을 클릭하여 확대할 수 없습니다.

<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
  1. WebApp 전체 화면 모드 주소 표시줄을 숨깁니다.

<meta name="apple-mobile-web-app-capable" content="yes" />
  1. Baidu 트랜스코딩 표시는 금지되어 있습니다.

<meta http-equiv="Cache-Control" content="no-siteapp">
  1. 아이폰 사파리 상단 상태바 스타일 설정 (기본값: 흰색, 검은색: 검은색, 검은색-투명: 반투명)

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  1. 에 추가한 후 제목 IOS 홈 화면.

<meta name="apple-mobile-web-app-title" content="标题名称">

추천 관련 기사:

HTML5의 파일 업로드용 코드

HTML5와 Internet+를 결합하여 3D 터널 구현(코드 포함)

위 내용은 html5 모바일 메타 설정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.