I have invested far too much time at this point and don’t seem to understand the scaling interactions between setting a project’s mobile screen size settings and individual windows settings.
When setting some windows to the screen resolution of either our iPad or Android tablet. the top of the individual window will appear 1/2 way down the tablet screen. If I extend the height of the window in design mode to some excessive amount, the top of the screen will be at the top of the tablet.
I used a website called websitedimensions.com/pixel/ to get a sense of the viewport dimensions on both tablets and have tried to design according to those only to never have things actually fit on the screen. I am making a safari shortcut on the desktop of the iPad etc.
Is there any general guidelines that I can work around that work semi consistently such as:
minimum size ?x?
maximum size ?x?
Appreciate any help as at this point I have probably 2 days of trial and error and feel I’m just not getting it.