What can be done to fix the fact that web pages appear larger and more ugly in landscape than portrait? The answer is to add the style text-size-adjust: None to the elements on the page, as in the chestnut below:

<head>
    <style type="text/css">* { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }</style>
</head>
<body>
    <div style="font-family: menlo; font-size: 14px;">
        
    </div>
</body>
Copy the code

Reference: Link, link