IOS 7.1 Safari Adds the Minimal-ui property to the META tag to hide the address bar and navigation bar when the page loads

IOS 7.1 Safari Adds the Minimal-ui property to the META tag to hide the address bar and navigation bar when the page loads

In the past, when you opened a webpage with Safari, it was like this:

Isn't that very unpleasant? Because the top of the address bar and the bottom of the navigation bar makes the page very crowded, so users often immediately reach out to touch the screen to hide them.

Apple, which has always stressed the humanization of design, has noticed this, so add the Minimal-ui attribute to the META tag in IOS 7.1 Safari, so that the page can hide the top address bar and the bottom navigation bar when it loads.

How is it implemented? You simply add "Minimal-ui" to the properties of the viewport meta tag, such as:

<meta name= "viewport" content= "Minimal-ui" >

Now, after you open the Web page, this is:

IOS 7.1 Safari Adds the Minimal-ui property to the META tag to hide the address bar and navigation bar when the page loads