Example Analysis of Mobile meta Line
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
< link rel= "apple-touch-icon" sizes= "76x76" href= "touch-icon-ipad.png">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
< link rel= "apple-touch-startup-image" href= "/startup.png">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!
