如何在 Tailwind css 中设置整页背景颜色？答案

【问题标题】：How do you set a full page background color in Tailwind css?如何在 Tailwind css 中设置整页背景颜色？
【发布时间】：2021-05-07 13:51:54
【问题描述】：

如何在 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"

【问题讨论】：

它适用于我在最新顺风版本上的代码库。可以分享一下骨架代码吗？

标签： tailwind-css

【解决方案1】：

将h-screen 更改为min-h-screen

【讨论】：

这对我有用，正在查看文档，但仍然不确定为什么只有 h-screen 让我的底部屏幕未填充