> 웹 프론트엔드 > HTML 튜토리얼 > HTML 모바일 웹사이트에 추가해야 하는 메타 태그

HTML 모바일 웹사이트에 추가해야 하는 메타 태그

黄舟
풀어 주다: 2017-06-29 13:26:22
원래의
2115명이 탐색했습니다.

1. 모바일 웹사이트에 HTML5 관련 메타 및 태그 추가
a. 웹페이지의 너비는 기본적으로 화면 너비(width=device-width)와 동일하며, 초기 크기 조정 비율(초기) -scale=1)은 1.0입니다. 즉, 웹페이지의 초기 크기가 화면 영역의 100%를 차지합니다.

b.

<meta name="
viewport
" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
로그인 후 복사



c.
    <meta name="apple-mobile-web-app-capable" content="yes">
로그인 후 복사

d.

==================

재미있는 방법도 있어요

html5를 만들다가 발견한 내용을 한 문장으로 정리하면

<meta name="apple-mobile-web-app-status-bar-style" content="black" />
로그인 후 복사
이렇게 작성하면 얻을 수 있는 효과는 installed

GCF(Google Chrome Frame Google Embedded BrowserFramework)인 경우 GCF를 사용하여 페이지를 렌더링한다는 것입니다. GCF가 설치된 경우 가장 높은 버전의 IE 커널이 렌더링에 사용됩니다. 이 플러그인은 사용자의
IE 브라우저를 변경하지 않고 유지할 수 있지만 사용자가 웹을 탐색할 때 실제로는 Google Chrome 브라우저 코어를 사용하고 있으며 IE6, 7, 8과 같은 여러 버전의 IE 브라우저를 지원합니다.

위 내용은 HTML 모바일 웹사이트에 추가해야 하는 메타 태그의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿