Shulou(Shulou.com)06/03 Report--

Editor to share with you the example analysis of mobile meta lines, I believe that most people do not know much about it, so share this article for your reference, I hope you will learn a lot after reading this article, let's learn about it!

Width: width of the viewport (range from 200 to 10000, default is 980 pixels)

Height: height of the viewport (range from 223 to 10000)

Initial-scale: initial scale (range > 0 to 10)

Minimum-scale: the minimum scale to which users are allowed to zoom

Maximum-scale: the maximum scale to which users are allowed to zoom

User-scalable: whether the user can zoom manually

1. Apple-touch-icon

If apple-mobile-web-app-capable is set to yes

So on the safari of the Mac, you can add the website to the home screen by adding the button to the home screen.

If you set the appropriate apple-touch-icon tag, the icon added to the home screen will use the image we specified.

2. Apple-touch-startup-image

Set to yes based on apple-mobile-web-app-capable

You can set a NativeApp-like splash screen for WebApp.

Different from apple-touch-icon.

Apple-mobile-web-app-capable does not support sizes attribute

Use media to load different startup screens.

/ / iPhone// iPhone Retina

The above is the details of the mobile meta line summary, please pay attention to other related articles!

The above is all the content of this article "sample Analysis of Mobile meta Line". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.