The meaning of the meta tag in the mobile HTML header

<!--page will be displayed in its original size and not allowed to zoom--

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

The height of the width-viewport width height-viewport

Initial-scale-Initial zoom ratio

Minimum-scale-Minimum scale to allow the user to zoom

Maximum-scale-Maximum scale to which the user is allowed to zoom

User-scalable-whether the user can manually scale

<!--The default value on the iphone is (phone number is displayed as a dial-up hyperlink):

Can be telephone=no, the phone number is not displayed as a dial-up link--

<meta name= "format-detection" content= "Telephone=no"/>

<!--the private attributes of the iOS device to the META definition: (can be added to the home screen)--

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

<!--the color of the top bar of the screen--

<meta name= "Apple-mobile-web-app-status-bar-style" content= "Black" >

<!--solve cross-domain issues, content= "*" means that resources can be used by anyone--

<meta http-equiv= "Access-control-allow-origin" content= "*" >

Cordova 5.0 Unable to access the extranet, 404 Wrong Solution

Workaround:

Method One: Add Whitelist plugin cordova-plugin-whitelist, convenient and quick,

Cordova Plugin Add Cordova-plugin-whitelist

Method Two: Add security settings

<meta http-equiv= "Content-security-policy" content= "default-src ' self ' https://*. mydomain.com; Style-src ' self ' unsafe-inline '; Script-src ' self ' unsafe-inline ' unsafe-eval ' ">

The meaning of the meta tag in the mobile HTML header