Seeking help to address the issue of the URL field impacting the total height. Any assistance would be greatly appreciated.
body,html {
height:100%
}
Issue arises when there is a display in the address bar.
.bg {
min-height:100%
background-size: cover;
background-image: url(xxx.png);
}
https://i.sstatic.net/smVTm.jpg
Background appears blank upon scrolling down if the address bar is hidden.
.bg {
min-height:100%
background-size: cover;
background-image: url(xxx.png);
}
https://i.sstatic.net/uylkc.jpg
Proposed solution is to change to min-height:100vh, but material piece may show when sliding up, causing an unsmooth transition.
smooth.
.bg {
min-height:100vh
background-size: cover;
background-image: url(xxx.png);
}