Question

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

Answer 1

将 h-screen 改为 min-h-screen

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

1 个答案: