> 웹 프론트엔드 > H5 튜토리얼 > 모바일 H5 헤더 정의 스타일

모바일 H5 헤더 정의 스타일

高洛峰
풀어 주다: 2017-02-09 15:39:55
원래의
2083명이 탐색했습니다.

 <meta content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
 <meta name="apple-mobile-web-app-capable" content="no" />
 <meta name="format-detection" content="telephone=no,email=no,adress=no"/>
로그인 후 복사

1. width=device-width width: 시각적 영역의 너비, 값은 숫자 또는 키워드일 수 있습니다. device-width (장치 너비)

2.initial-scale=1.0,initial-scale: 첫 번째 페이지가 표시되는 시간 표시 영역의 확대/축소 수준 값이 1.0인 경우 페이지는 크기 조정 없이 실제 크기에 따라 표시됩니다. (초기 배율)

3. maximum-scale=1.0, maximum-scale=1.0, maximum-scale은 사용자가 1.0으로 페이지를 확대할 수 있는 프로그램입니다. 위의 페이지를 실제 크기로 확대합니다.

4. user-scalable: 페이지 확대 가능 여부, 크기 조정 금지

5. apple-mobile-web-app-capable: 이 메타의 기능은 기본 Apple 도구 모음 및 메뉴 모음.

컨텐츠에는 "예"와 "아니요"라는 두 가지 값이 있습니다. 도구 모음과 메뉴 표시줄을 표시해야 하는 경우 이 메타 줄을 추가할 필요가 없습니다. 기본값은 표시하는 것입니다.

6.

format-Detection 중국어로 번역됨 이름에서 알 수 있듯이 메타의 형식 감지 속성은 주로 다음과 같은 설정을 갖습니다:

meta name="format-Detection" content= "telephone=no"

meta name="format-Detection" content="email=no"

meta name="format-Detection" content="adress=no"

다음과 같이 작성할 수도 있습니다. Meta name="format-Detection" content="telephone=no,email=no,adress=no"

다음은 각 설정의 역할에 대한 자세한 설명입니다.

1. 전화

링크 스타일을 추가하지 않고 숫자열을 명확하게 썼는데, 아이폰은 자동으로 텍스트에 링크 스타일을 추가하고, 해당 번호를 클릭하면 자동으로 전화가 걸립니다. 숫자! 이 전화 접속 링크를 제거하는 방법은 무엇입니까? 이때 우리 메타는 다시 마법을 보여줘야 합니다.

telephone=no는 전화 접속 링크로의 변환을 금지합니다!
telephone=yes를 사용하면 숫자를 전화 접속 링크로 변환할 수 있습니다. 변환 기능을 활성화하려면 이 메타를 작성할 필요가 없습니다. 기본적으로 활성화되어 있습니다.

2. email

기기가 이메일 주소를 인식하지 못하도록 하고, 클릭해도 자동으로 발송되지 않습니다.

email=no는 이메일 주소로 금지됩니다!
email=yes는 텍스트를 활성화하고 이메일 주소를 기본값으로 설정합니다. 이 메타는 기본적으로 활성화되어 있습니다.

3.adress

adress=no 맵으로 점프하는 것은 금지되어 있습니다!
adress=yes는 주소를 클릭하면 지도로 바로 이동하는 기능을 활성화합니다. 기본적으로 활성화되어 있습니다!

휴대폰의 H5 헤더 정의 스타일과 관련된 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

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