你如何在 Tailwind css 中设置整页背景颜色？
你如何在 Tailwind 中设置整页背景？
我可以看到使用的唯一属性是h-screen，但是当我调整浏览器大小时它不起作用。
这是我的代码：
<body class="h-screen bg-gradient-to-b from-gray-100 to-gray-300">
完整的 html 示例：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>lkjh</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/main.css">
</head>
<body class="h-screen bg-gradient-to-b from-gray-100 to-gray-300">
<br />a<br />a<br /><br /><br /><br /><br /><br />a<br /><br /><br /><br />a<br /><br /><br />a<br /><br />a<br />a<br />a<br />a<br />a<br />
</body>
</html>
css文件
@tailwind base;
@tailwind components;
@tailwind utilities;
"tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.2"
简短回答
改成。h-screenmin-h-screen
但为什么？
h-screen：获取视口的高度。
滚动时会发生什么？
Now the `total height` is `viewport height + scrolled height`
h-screen extra height
因此，它在滚动期间不会扩展自身以具有整个屏幕的高度，因此可以通过使用来克服这一点min-h-screen，这意味着最小值应该是视口高度，并且在发生滚动时，扩展自己以具有最大可能的高度。
| 归档时间： |
|
| 查看次数： |
4888 次 |
| 最近记录： |