How to make the mobile browser and Wechat focus not automatically zoom in the page when entering text boxes-silence 286

How to make the browser and focus of a mobile phone do not automatically zoom in on the page when entering a text box-silence 286 Method 1: Disable page Scaling

Add the following code to the head label:

Description of content

Width = device-width // The width is equal to the device screen width initial-scale = 1.0 // The initial zoom ratio minimum-scale = 1.0 // The minimum zoom ratio maximum-scale = 1.0 // The maximum scale user-scalable = no // whether the user can scale

2. Set the input font to block

@ Media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {select: focus, textarea: focus, input: focus {font-size: 16px! Important ;}}

The browser may think that the user can see clearly only when the font in the input is greater than or equal to 16 PX.

Document reference

How to make the focus of the Android browser not to automatically zoom in the page in the text input box