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

HTML के साथ वेब पेज की ऊंचाई को स्क्रीन ऊंचाई में कैसे फिट करें?

फुल-हाइट लेआउट के तरीके

वेब पेज की ऊंचाई को स्क्रीन ऊंचाई में फिट करने के कई तरीके उपलब्ध हैं:

सापेक्ष ऊंचाई दें

html, body {
    height: 100%;
}

फिक्स्ड पोजिशनिंग दें

#main {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

व्यूपोर्ट ऊंचाई का उपयोग करें

height: 100vh;

100vh (व्यूपोर्ट ऊंचाई) आधुनिक फुल-हाइट लेआउट के लिए सबसे सरल समाधान है।

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

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

  1. HTML पेज में पेज लिंक्स कैसे बनाएं? HTML पेज में पेज लिंक्स कैसे बनाएं?

    परिचय HTML के साथ, आसानी से किसी HTML पेज पर पेज लिंक्स जोड़ें। संपर्क करें, हमारे बारे में, होम या किसी अन्य बाहरी वेबसाइट पेज को लिंक करें, जो HTML दस्तावेज़ के अंदर जुड़ जाते हैं। HTML पेज में पेज लिंक्स बनाने के लिए, <a> और </a> टैग्स का उपयोग करें, जो लिंक्स को परिभाषित करने के लिए

  1. ऐप्पल टीवी पर वेब सर्फ कैसे करें ऐप्पल टीवी पर वेब सर्फ कैसे करें

    ऐप्पल को सबसे अच्छी तरह से ज्ञात कारणों से, ऐप्पल टीवी पर कोई वेब ब्राउज़र उपलब्ध नहीं है। इस तथ्य के बावजूद कि ऐप्पल टीवी iOS का एक संस्करण चलाता है, ऐप्पल टीवी के लिए डिज़ाइन किया गया सफारी का कोई संस्करण नहीं है और TV ऐप स्टोर में कोई विकल्प वेब ब्राउज़र उपलब्ध नहीं है। लेकिन निराशा में डूबने से