Here iPad Pro 9.7 screenshots taken from test_size.hype file attached. I settled the option to load as a web app with window width = document width.
Green rectangle (1024W x 768H); Orange rectangle (997W x 748H); Blue rectangle (971Wx 728H).
As you may notice in the iPadview1.png file, the bottom part of these rectangles is not visible.
You have to scroll down about 20 pixels to see the content of both rectangles, green and orange.
The blue layout is the only one completely revealed.
If my reasoning is good, in order to see the whole content of my document on any iPad (landscape orientation), I should create a custom layout equal to the blue rectangle size.
Do you think it might be better to start with a bigger layout, let’s say desktop (1200 px), and then for the different device sizes, settle the corresponding breakpoint to a given full view?
Your advice will be appreciated.
test_size.hype.zip (14.7 KB)