Issue
I try to make a view fill 100vh in every device at every browser. I found the solution to do like this.
html {
height: 100vh;
height: -moz-available;
height: -webkit-fill-available; /* WebKit-based browsers will ignore this. */
}
body {
height: 100vh;
height: -moz-available; /* Mozilla-based browsers will ignore this. */
height: -webkit-fill-available; /* WebKit-based browsers will ignore this. */
}
It works correctly in Chrome but in Safari on iPad it looks like this.
Do you have any suggestions? Thank you!
Solution
Safari uses a WebKit engine; remove height: -webkit-fill-available;
Answered By - apetrai
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.