The H5 page will be enlarged when you click on the input box on the Apple phone

1. Practical issues

It is the map point search box embedded in the WeChat official accountH5. When you click the search box, the page will be enlarged on the Apple phone< /span>

Android does not have this problem

2. Reasons for occurrence

Because the mobile terminal information is not identified in the code

3. Solution

1. In the html page

Add directly to the page

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
2. In the vue project

present public text item index.html  Addition at the time

Guess you like

Origin blog.csdn.net/notagoodwriter/article/details/134113584