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

Source: Internet
Author: User
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

Related Article

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

11.11 Big Sale for Cloud

Get Unbeatable Offers with up to 90% Off,Oct.24-Nov.13 (UTC+8)

Get It Now >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.