आप टेलविंड में पूरे पेज का बैकग्राउंड कैसे सेट करते हैं?

मेरे द्वारा उपयोग की जाने वाली एकमात्र विशेषता h-screen है, लेकिन जब मैं ब्राउज़र का आकार बदलता हूं तो वह काम नहीं करती है।

enter image description here

यहाँ मेरा कोड है:

<body class="h-screen bg-gradient-to-b from-gray-100 to-gray-300">

पूरा एचटीएमएल उदाहरण:

<!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>

सीएसएस फ़ाइल

@tailwind base;
@tailwind components;
@tailwind utilities;

"tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.2"

7
Richard 3 फरवरी 2021, 13:33
यह नवीनतम टेलविंड संस्करण पर मेरे कोडबेस के लिए काम कर रहा है। क्या आप कृपया कंकाल कोड साझा कर सकते हैं।
 – 
Digvijay
3 फरवरी 2021, 14:33

1 उत्तर

सबसे बढ़िया उत्तर

h-screen को min-h-screen में बदलें

13
Digvijay 3 फरवरी 2021, 16:23
यह मेरे लिए काम करता है, दस्तावेज़ों को देखकर, अभी भी निश्चित नहीं है कि केवल एच-स्क्रीन ने मेरी निचली स्क्रीन को अधूरा क्यों छोड़ा?
 – 
Carmine Tambascia
7 जुलाई 2021, 23:10