html5 orientation landscape,javascript - Force “landscape” orientation mode - Stack Overflow

I had the same problem, it was a missing manifest.json file, if not found the browser decide with orientation is best fit, if you don't specify the file or use a wrong path.

I fixed just calling the manifest.json correctly on html headers.

My html headers:

And the manifest.json file content:

{

"display": "standalone",

"orientation": "portrait",

"start_url": "/",

"theme_color": "#000000",

"background_color": "#ffffff",

"icons": [

{

"src": "android-chrome-192x192.png",

"sizes": "192x192",

"type": "image/png"

}

}

To generate your favicons and icons use this webtool:

https://realfavicongenerator.net/

My PWA Works great, hope it helps!