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
2103 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

f.