html5 mobile Meta settings

This article introduces you to the setting of Meta in html5 mobile terminal. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you

1. Force the width of the document to the width of the device to remain 1:1, and the maximum width ratio of the document is 1.0, and users are not allowed to click on the screen to enlarge the view.

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

1. WebApp full screen mode Hides the address bar.

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

1. Baidu transcoding display is prohibited.

<meta http-equiv="Cache-Control" content="no-siteapp">

1. Specify the style of the status bar at the top of Safari in iPhone (default: white, black: black, black-translucent: translucent)

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

1. The title added to the IOS home screen.

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

Recommended related articles:

File upload code in HTML5

HTML5 combined with the Internet Implemented 3D tunnel (with code)

The above is the detailed content of html5 mobile Meta settings. For more information, please follow other related articles on the PHP Chinese website!