Why portrait view (with video) not working on mobile but it is on desktop

Have a web app which have mobile portrait layout and desktop landscape layout.
When testing it on desktop in mobile screen size portrait view works but when testing it on a mobile device portrait view does not work.
Is this because I have video in it which not displaying full video size?

It is because you have the Viewport width setting (in the Document Inspector’s Mobile Options area) set to Document Height. This means the effective width of the device is actually set to the height, which will be greater than the 441px breakpoint you have set (even the first iPhone is 480px tall).

You’ll want to change this setting to Device Width.

Thanks. So simple to fix

1 Like