I am building a simple map show meteo and wind information for a Sail race in Switzerland. Everything is working as expected, BUT one thing.

The screen resolution between portrait and landscape is different. The width and height are not inversed but massively different. The main issue is on portrait as the resolution seems 2 times higher, the map is supper sluggish. Also the layer haven't the same resolution at all depending on the mode.

On my pixel 5: Portrait mode = Height: 2121 / width: 980 Landscape mode = Height:453 / width: 980

So far, I have managed the scale of my additional vector layer and the default zoom level depending on screen orientation, but the overal map as a complete different scale

The app is a basic OpenLayer based map written in HTML.