I’m building an app that will be used mobile-first, but don’t want any scrolling on the first page. I’m having trouble controlling for the height of various mobile devices.
I’ve read and tried many things in the forum (creating classes with Classify and using custom CSS, using meta tag and setting height / width) but haven’t been able to accomplish a dynamic page height.
Horizontally, the app scales fine & is responsive, so would like to fix the vertical and then expand the horizontal dimension until it fills the viewport.
The ultimate goal is to deploy as a mobile-ready web app and then use wrappers to deploy as a native iOS and Android as a next step.
Has anyone implemented this successfully? Can you share a working example?
The answer depends very much on the page and elements setup which is why you don’t see plugins addressing this (yet) - it’s difficult to generalise. That said there are some that deal with vertical sizing.
I would start with using the HTML element to set custom CSS on your main page:
#mypage{
max-height:100vh; ! important
}
Anything after that will depend on your setup. If you’d like to share some more detail maybe we can find a solution.
