Mobile WAP Adaptation

<meta name= "viewport" content= "Width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, User-scalable=yes "/>

WAP Mobile page automatically adapts to phone screen widthBig | medium | Small 2012/08/25 17:51, mdy
Css Refactoring, Comments (0), reading (5969), Via site Original
Tags:wap page Adaptive width, mobile page width, WAP
View Plainprint?

1. <meta name="viewport" content="Width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale= 2.0, User-scalable=yes "/>

View Plainprint?

2. Add these words to the
6. which
10. Width=device-width: Indicates width is the width of the device screen
14. initial-scale=1.0: Indicates the initial zoom ratio
18. minimum-scale=0.5: Represents the minimum zoom ratio
22. Maximum-scale=2.0: Represents the maximum zoom ratio
26. User-scalable=yes: Indicates whether the user can adjust the zoom ratio
32. If you want to open a webpage, it is automatically displayed at the original scale, and the user is not allowed to modify it:
34. [HTML] View plaincopy
38. <meta name="viewport" content="Width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale= 1.0, User-scalable=no "/>
42. In this way, you can set the width of some of the images, such as header banners, to style="width:100%", and the entire page looks like a full screen on the device.

View Plainprint?

1. HTML5 developed WAP site What do these three separate meanings mean?   
2. <meta name= "mobileoptimized"  content= "/>  //the browser does not automatically resize the file and will not be stretched with the browser.   
3. <meta name=" YES " />" Add to Home ", full-screen display  
4. <meta name= "Apple-mobile-web-app-capable " content=" yes "&NBSP;/>&NBSP;&NBSP;
5. If the content is set to Yes, The Web application runs in full-screen mode; The default behavior is to use the Safari browser to display Web page content