there is a web page browsed on the mobile phone. I enlarged the page by gesture (without writing the relevant gesture control code, it is the gesture zoom function of the mobile browser). After testing, it is found that it has actually changed the value of the browser"s window.innerWidth/window.innerHeight, but window.outerWith/window.outerHeight has not changed. So the question is, is there a way to use js to restore the browser to its original scale?
I have tried the following methods, but none of them work:
1. Directly modify the pair of values of window.innerWidth/window.innerHeight, there is no change
2.window.resizeTo (): is only supported by some mobile browsers, and the gesture control zoom function of the browser is invalid after scaling. It seems that the transform:scale (): of
3.css3 can only manipulate the Dom element of the page, and can only zoom the body at most. It seems that the browser does not zoom, and after zooming in this way, it is found that there is no change in the two values of window.innerWidth/window.innerHeight.
4.js dynamically changes the value of viewport, but still does not respond.
has been plagued by this problem for a long time. Can you give me some advice?