Things to be aware of in mobile front-end development

First, let's take a look at some of the private meta tags in the WebKit kernel, which play a very important role in developing webapp.

<Metacontent= "Width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"name= "Viewport"><Metacontent= "Yes"name= "Apple-mobile-web-app-capable"><Metacontent= "BLACK"name= "Apple-mobile-web-app-status-bar-style"><Metacontent= "Telephone=no"name= "Format-detection">

The first meta tag indicates that the width of the document is forced to remain 1:1 with the width of the device, and the maximum width of the document is 1.0, and the user is not allowed to click on the screen to enlarge;

The second meta tag is the safari private meta tag in the iphone device, which says: Allow full-screen mode browsing;

The third meta tag is also the iphone's private label, which specifies the style of the iphone's status bar on the top of safari;

The fourth meta tag means: Tell the device to ignore numbers on the page as phone numbers

Things to be aware of in mobile front-end development