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.
xuning0
Users receive reputation points by contributing quality content to the forums.
Posts include post and replies published on the forums.
Post authors can mark replies as Accepted to indicate successful solutions.
Apple Developer Forums admins can mark replies as Apple Recommended to indicate an approved solution
Last seen
User for