Community

Learn

Tools Library

AI Tools

Leisure

English

Home > Web Front-end > HTML Tutorial > Those meta tags that need to be added to html mobile websites

Those meta tags that need to be added to html mobile websites

黄舟

Release： 2017-06-29 13:26:22

Original

2155 people have browsed it

1. HTML5 related meta and tags to be added to mobile websites
a.

<meta name="
viewport
" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">

Copy after login

## The web page width defaults to the screen width (width=device-width),
The initial scaling ratio (initial-scale=1) is 1.0, that is, the initial size of the web page occupies 100% of the screen area.

## b.

    <meta name="apple-mobile-web-app-capable" content="yes">

Copy after login

## c.

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

Copy after login

## d.

   <meta name="format-detection" content="telephone=no">

Copy after login

## e.

  <link rel="shortcut icon" href="http://p.www.xiaomi.com/favicon.ico" type="/image/x-icon">

Copy after login

Previous article：The difference between charset=gb2312 and charset=utf-8 of the tag in HTML Next article：HTML mobile terminal-detailed explanation of each meta tag of a new blank page

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn