The first two days in the writing of the app project, found a problem, that is, obviously CSS writing style is 14px, just beginning in the page display did not appear to be the problem, but the content of a lot, the font suddenly become larger.
What? , unknown so, on the major web site for a long time to know is the browser font promotion problem.
First talk about the solution, you can directly in the CSS style to write down
body,body*{ max-height:1000000px;}
You can disable it directly.
This may be due to the font boosting. The font boosting feature will automatically increase the font size of the text, ensuring that there is no need to swipe around the screen, or double-click to enlarge the content of the screen, but also allow people to easily read the text on the page.
However, this feature is not always needed. In particular, in order to complete the restoration of the design of the time will be very pit dad, then you can use the above aspects of the disabled.
However, the viewport property of the meat tag is appropriately added to the head when the mobile development is developed.
<meta name= "viewport" content= "Width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" >
To learn more about the Viewport property there are also many blog posts on the web, there is no link.
About mobile app development-font style becomes bigger issue