[SOLVED] How to support special screens like iphone-x

Questions
1

With that kind of screens(have round corner) the bottom tabbar will be hard to touch. I wanna the tabbar have a distance with the bottom. But with other normal screens, it does not has the distance. How can I realized that? thanks

2

http://framework7.io/docs/iphone-x.html

3

Hi, thank you very much.
In that document it claims:" In portrait orientation Framework7 will do required styles modifications automatically". But I am just working in portrait orientation, and it does not add the space at bottom. The framework7 version is 3.0.1

4

thank you. I’ve found out the problem.

viewport-fit=cover should be set in meta. that works. thanks:)

1 Like