"Resolve" mobile device • Screen content font size adjustment issues

First of all to determine whether the screen caused by the problem, so the code to check.

The Window.orientation object is not valid on the phone.

<script type= "Text/javascript" >
    var evt = "onorientationchange" in window? "Orientationchange": "Resize";
    Window.addeventlistener (evt,resize,false);
        function Resize (fals) {
            if (window.orientation = = 0 | | window.orientation = =) {
                    alert ("vertical screen");
                } else {
                    alert ("Horizontal screen");
            }
        }
    Resize (true);
</script>

Above this string of JS code, you can detect the mobile device's screen status.

So how to solve the screen when the page content font size. Here is a property value for CSS: Text-size-adjust:none

body {
     -webkit-text-size-adjust:100%;
     -moz-text-size-adjust:100%;
     -ms-text-size-adjust:100%;
     text-size-adjust:100%;
   }

Set properties: text-size-adjust:100%; This property value can set the screen on the mobile device, font changes the problem, but must be set to 100%. Cannot be set to none, otherwise, the WebKit browser cannot artificially enlarge the size of the text, severely affecting usability.

Set this property where you want it to be set, if the full text is required, then set the property value inside the body.