Login Screen not fitting to full screen on IPad

Questions
1

Hi -

I’m new to Framework 7 Core. I’ve just installed F7 CLI, Blank Screen. I’ve copied and pasted Login from docs “standalone Login Screen layout”. I’m testing from Chrome on iPad Pro.

The login screen doesn’t scale to fit the page. There’s a lot of white space. What am I doing wrong? I need the app (andriod / ios) to scale to fit various screens.

Screenshot at May 01 07-38-00
Screenshot at May 01 07-38-001336×974 21.8 KB

Thanks

2

I suggest you copied/pasted something wrong, as it should be centered

3

Hi -

Thanks for getting back to me so quickly. I’ve copied the code below but I also ran the F7 Docs and ran it though chrome and that doesn’t fit to IPad either.

https://framework7.io/docs-demos/core/login-screen.html?theme=ios

Screenshot at May 01 08-45-01
Screenshot at May 01 08-45-011657×1188 38.7 KB

My Sample Code:

My App
  • Username
  • Password
Some text with login information.
4

This is correct and by design, or what do you expect, single input field to have 1366px width? :slight_smile:

5

That’s funny. I was expecting 2x scale for IPad. Please see my mockup below.

Screenshot at May 01 09-14-23
Screenshot at May 01 09-14-231063×886 30.9 KB

6

Have to agree with Vladimir, this is correct. Your 2x mockup would break convention. Doesn’t mean you can still implement it yourself with custom stylesheets :slight_smile:

1 Like
7

Understood. Thank you for your time.