meta tag

1.viewport

<span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="viewport"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"</span> <span style="color: #0000ff;">/></span>

(1)width Control the size of the viewport, you can specify a value, such as 640 or a special value; device-width is the width of the device (unit is pixels of CSS scaled to 100%);

(2)initial-scale Initial zoom ratio, the zoom ratio when the page is first loaded;

(3)maximum-scale The maximum ratio the user is allowed to zoom to, ranging from 0 to 10.0;

(4)minimum-scale The minimum ratio that the user is allowed to zoom to, ranging from 0 to 10.0;

(5)user-scalable Whether the user can manually zoom, the value can be: yes or true to allow the user to zoom; no or false to not allow the user to zoom;

2. content="IE=edge"

<span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">http-equiv</span><span style="color: #0000ff;">="X-UA-Compatible"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="IE=edge"</span><span style="color: #0000ff;">></span>

X-UA-Compatible is a proprietary attribute of IE8. It tells IE8 which IE version to use to render web pages, and is used in the tag of html;

IE=edge, if the system is installed with ie8 or above, the highest version of ie will be used for rendering; otherwise, this setting can be ignored.

3. renderer

<span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="renderer"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="webkit|ie-comp|ie-stand"</span><span style="color: #0000ff;">></span>

Specify how dual-core browsers render pages by default.

webkit Default webkit kernel;

ie-comp Default IE compatibility mode;

ie-stand Default IE standard mode;

And webkit|ie-comp|ie-stand is written in order of priority. If it is not supported, go down. The browser will select its rendering kernel in order from left to right to process the current web page. .

The browsers currently supporting it are: 360

4.apple-mobile-web-app-title

<span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="apple-mobile-web-app-title"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="博客园"</span><span style="color: #0000ff;">></span>

Default naming when sending to the screen

5, format-detection

<span style="color: #008080;">1</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="format-detection"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="telephone=no"</span> <span style="color: #0000ff;">/></span><span style="color: #000000;"> //告诉设备忽略将页面中的数字识别为电话号码
</span><span style="color: #008080;">2</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="format-detection"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="email=no"</span> <span style="color: #0000ff;">/></span> //不让android识别邮箱