Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

सीएसएस के साथ ब्राउज़र विंडो की पूरी ऊंचाई फिट करने के लिए तत्वों को कैसे बढ़ाया जाए?


सीएसएस के साथ ब्राउज़र विंडो की पूरी ऊंचाई फिट करने के लिए तत्वों को फैलाने के लिए, कोड इस प्रकार है -

उदाहरण

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
   *{
      box-sizing: border-box;
   }
   html, body {
      height: 100%;
      margin: 0;
   }
   .fullHeight{
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      height: 100%;
      background: rgb(135, 27, 207);
      color:white;
      font-size: 40px;
      padding: 40px;
   }
</style>
</head>
<body>
<div class="fullHeight">This div element will stretch to the whole height and width of the
window</div>
</body>
</html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -

सीएसएस के साथ ब्राउज़र विंडो की पूरी ऊंचाई फिट करने के लिए तत्वों को कैसे बढ़ाया जाए?


  1. सीएसएस के साथ ब्राउज़र विंडो उदाहरण कैसे बनाएं?

    CSS के साथ ब्राउज़र विंडो उदाहरण बनाने के लिए, कोड इस प्रकार है - उदाहरण body { font-family:Segoe UI , ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; } * {बॉक्स-साइज़िंग:बॉर्डर-बॉक्स; } .मेनूबार { बॉर्डर:3px सॉलिड #f1f1f1; बॉर्डर-टॉप-लेफ्ट-रेडियस:4px; सीमा-शीर्ष-दाएं-त्रिज्या:4px; } .menuRow { पैडिंग:10px;

  1. सीएसएस के साथ ब्राउज़र विंडो की पूरी ऊंचाई फिट करने के लिए तत्वों को कैसे बढ़ाया जाए?

    सीएसएस के साथ ब्राउज़र विंडो की पूरी ऊंचाई फिट करने के लिए तत्वों को फैलाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <title>Page Title</title> <style>    *{       box-sizing: border-box;    }    h

  1. CSS का उपयोग करके विंडो की ऊंचाई का 100% DIV कैसे बनाएं?

    CSS ऊंचाई गुण हमें किसी तत्व की ऊँचाई निर्दिष्ट करने में मदद करता है। सिंटैक्स CSS हाइट प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    height: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS ऊंचाई संपत्ति को दर्शाते हैं। <!DOCTYPE html> <html>    <head>   &n