iPad Professional(11-inch), iPadOS model: 16.6.1, Chrome model: 116.0.5845.177
I create a easy html and attempt to run on iPad. Though I set the peak to 100vh, there’s a vertical scrollbar on the correct, and I might scroll all the way down to a complete empty web page. It looks like the entire top is greater than 200vh.
The online web page works on Safari, however not work in iPad chrome.
html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta title="viewport" content material="width=device-width, initial-scale=1.0">
<title>Doc</title>
<hyperlink rel="stylesheet" href="kinds.css">
</head>
<physique>
<div type="background-color: inexperienced; top: 100%; width:100%;">This can be a div</div>
</physique>
</html>
css:
physique {
top: 100vh;
min-height: -webkit-fill-available;
}
html {
top: 100vh;
top: -webkit-fill-available;
}
