There are always spaces above and below the page. The following is the code.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<link rel="stylesheet" href="./index.css">
<title>Document</title>
</head>
<body>
<p>Hellow World!</p>
</body>
</html>
html {
height: 100%;
background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
background-color: aquamarine;
}
body {
margin: 0;
}
The screenshot device is iPhone 12. In order to demonstrate more clearly, I set the background-color. I want to make the gradient fill full screen.
