Could you please tell me how to dispatch the resize event in iOS15 mobile Safari?
The website is originally designed to be responsive.
I want to switch to desktop mode view even with a button on the page,
so I enabled to overwrite HTML element meta viewport from JavaScript.
<meta name="viewport" content="width=device-width,initial-scale=1">
Just replace the above part with the following, Android Chrome and Firefox instantly resize it on their own without reloading.
<meta name="viewport" content="width=">
In Safari, when I scroll up, the address bar is displayed and the resizing is triggered.
At that time, the media query in CSS is reflected and redrawn with the automatic scale.
I’ve tried dispatching the resize event and switching style.display property, but it doesn’t respond until the user scrolls down/up.