रैपिड कनवर्टर व्यूपोर्ट चौड़ाई से व्यूपोर्ट ऊंचाई तक।.

लचीलेपन के माध्यम से वेबसाइटें भी आसानी से बनाई गईं। VW से VH कनवर्टर हमने जो बनाया है, वह दोनों के बीच काम के सरल आदान-प्रदान को सुगम बनाएगा व्यूपोर्ट चौड़ाई (VW) और व्यूपोर्ट ऊंचाई (VH) एक डेवलपर और एक डिज़ाइनर द्वारा बनाई गई इकाइयाँ। क्या आपको मोबाइल लेआउट, टैबलेट लेआउट, डेस्कटॉप लेआउट या किसी अन्य लेआउट को ऑप्टिमाइज़ करना है? यह एक ऐसा टूल है जो गारंटी देता है कि आपके द्वारा डिज़ाइन किया गया डिज़ाइन किसी भी स्क्रीन पर बिल्कुल वैसा ही दिखेगा जैसा आप चाहते हैं, बिना किसी परीक्षण और त्रुटि या गणना करने में समय की बर्बादी के।.

यह आपको VW के मानों को VH में (और इसके विपरीत) तेजी से परिवर्तित करने की अनुमति दे सकता है और यह सुनिश्चित कर सकता है कि पृष्ठों और आपके नायकों और पूर्ण स्क्रीन ऑब्जेक्ट्स का एक संतुलित अनुपात है।.

VW (व्यूपोर्ट चौड़ाई) क्या है?

VW व्यूपोर्ट चौड़ाई संक्षिप्त रूप में CSS वोक्सवैगन.

यह एक सापेक्ष माप है जो ब्राउज़र के व्यूपोर्ट की चौड़ाई के 1 प्रतिशत को लक्षित करता है - ब्राउज़र में वेब पेज पर दिखाई देने वाले क्षेत्र की चौड़ाई।.

उदाहरण के लिए:

• 1vw = व्यूपोर्ट की चौड़ाई का 1%
• 100vw = सम्पूर्ण व्यूपोर्ट का आकार.

वेब ब्राउज़र का आकार बदलते ही अलग-अलग आकार के तत्वों को स्वचालित रूप से उपलब्ध कराने की अपनी क्षमता के कारण यह रिस्पॉन्सिव वेब डिज़ाइन में उपयोगी है। डिज़ाइनर अक्सर VW का उपयोग निम्नलिखित के लिए करते हैं:

• एक गतिशील फ़ॉन्ट विकसित करें, और यह स्क्रीन आकार के अनुसार प्रतिक्रिया करता है।.
• बैनर या कंटेनर की चौड़ाई बताएं.
• एक से अधिक डिवाइस में भी यही स्थिति है।.

VW एक छोटे सेल फोन या 4K डिस्प्ले पर एक अच्छी तरह से संतुलित सौंदर्य लेआउट प्रदर्शित करने की अनुमति देता है।.

वीएच (व्यूपोर्ट ऊंचाई) क्या है?

व्यूपोर्ट की ऊँचाई जो है ब्राउज़र का 1 प्रतिशत विंडो की ऊंचाई को संक्षिप्त रूप में इस प्रकार लिखा जाता है वीएच.

उदाहरण के लिए:

• 1vh = व्यूपोर्ट की ऊंचाई का 1%
• Vh = सम्पूर्ण व्यूपोर्ट की ऊँचाई.

वीएच निर्माण के मामले में भी मदद करता है पूर्ण-स्क्रीन पृष्ठ, खुले पृष्ठ या नायक छवियाँ, ये किसी भी डिवाइस के डिस्प्ले के वर्टिकल सेक्शन में जगह घेरते हैं। यह सुनिश्चित करता है कि आपका लेआउट स्मार्टफोन, लंबी स्क्रीन या मॉनिटर की तरह स्क्रीन के विभिन्न आस्पेक्ट रेशियो को सपोर्ट कर सके।.

वीएच के सामान्य उपयोगों में शामिल हैं:

• खंडों की ऊंचाई (ऊंचाई: 100vh;)
• एक के बदले दूसरा प्रदान करना।.
• मॉडल प्रतिक्रियाशीलता या अध्यारोपण का गठन।.

VW से VH रूपांतरण सूत्र:

VW और VH विभिन्न आयामों (चौड़ाई और ऊंचाई) पर आधारित हैं और इसलिए घूर्णन और पिछड़ेपन के लिए जानकारी की आवश्यकता होती है चौड़ाई और ऊंचाई के संबंध में मौजूदा व्यूपोर्ट का। संबंध सरल है:

VH मान = VW मान × व्यूपोर्ट चौड़ाई / व्यूपोर्ट ऊँचाई ​

या उलटा:

VW मान = VH मान × व्यूपोर्ट ऊँचाई / व्यूपोर्ट चौड़ाई ​

उदाहरण गणना

मान लीजिए कि आप 1440 पिक्सेल चौड़ा और 900 पिक्सेल ऊंचा बनाने की योजना बना रहे हैं।.

आप 50vw को VH में परिवर्तित करना चाहते हैं।.

वीएच = 50 × 1440/900​ वीएच = 50 × 1.6 = 80वीएच

इसलिए, 1440×900 के लिए 50vw बराबर 80vh व्यूपोर्ट.

इसका तात्पर्य यह है कि व्यू-पोर्ट का आधा आकार उस विशेष आकार पर व्यू-पोर्ट की ऊंचाई का 80 प्रतिशत घेर लेगा।.

VW से VH कनवर्टर का उपयोग (चरण दर चरण)।.

यह सुनिश्चित करने के लिए कि रूपांतरण एक परेशानी मुक्त प्रक्रिया हो, हमारा VW से VH कनवर्टर इस तरह से डिज़ाइन किया गया है कि यह बहुत तेज़ गति से, सटीक रूप से और बिना किसी परेशानी के रूपांतरण करता है। इन आसान चरणों का पालन करें:

चरण 1: टूल खोलें

खुला VW से VH कनवर्टर पृष्ठ खोलें और खोलें toolsmate.online पृष्ठ.

चरण 2: अपना मान दर्ज करें

वह संख्या (अर्थात 25vw) जिसे VW में परिवर्तित करना है, उसे VW इनपुट बॉक्स में दर्ज किया जाता है।.

3. व्यूपोर्ट आयाम प्रदान करता है (वैकल्पिक)

व्यूपोर्ट चौड़ाई और ऊंचाई (पिक्सेल में) जितना हो सके उतना निश्चित होना चाहिए। ये मान टूल को VW और VH के बीच सटीक अनुपात निकालने में मदद करते हैं।.

चरण 4: तुरंत परिणाम प्राप्त करें

जब विवरण भर दिया जाएगा, तो कनवर्टर स्वचालित रूप से संबंधित जानकारी दिखाएगा वीएच मूल्य। यह भी दो-तरफ़ा है, आप वीएच में से एक में ड्राइव कर सकते हैं और वीडब्ल्यू से बाहर दूसरी तरफ ड्राइव कर सकते हैं।.

चरण 5: अपने CSS पर लागू करें

इसे कॉपी करके अपने CSS में पेस्ट कर लें। अब आपका रिस्पॉन्सिव डिज़ाइन डिवाइस के आकार की परवाह किए बिना सही अनुपात बनाए रखेगा।.