पलक झपकते ही मीटर को व्यूपोर्ट चौड़ाई इकाई में बदलें।.

वेब डिज़ाइन आमतौर पर सटीकता और लचीलेपन के बीच संतुलन से जुड़े होते हैं। जब आपने कभी मिलीमीटर में लिखे किसी भी भौतिक माप को डिजिटल इकाइयों में बदलने की कोशिश की होगी जो स्क्रीन के विभिन्न आकारों के अनुसार काम करती हैं, तो आप जानते होंगे कि यह काफी बोझिल होता है। इस संबंध में हमारा MM से VW कन्वर्टर काम आ सकता है।.

यह उपयोग में आसान वेब-आधारित कैलकुलेटर है जो मिलीमीटर (मिमी) को तुरन्त व्यूपोर्ट चौड़ाई (वीडब्ल्यू) में परिवर्तित कर देता है - वेब डिज़ाइनरों, वेब डेवलपर्स और उपयोगकर्ता इंटरफ़ेस डिज़ाइनरों को पूरी तरह से उत्तरदायी वेबसाइट बनाने के लिए स्थापित करता है, जिन्हें सभी बोर्डों पर सुंदर ढंग से स्केल किया जा सकता है।.

MM से VW कनवर्टर क्या है?

यह एक छोटा और कुशल उपकरण है, MM से VW कनवर्टर, जो एक भौतिक (मिलीमीटर) इकाई को एक प्रभावी सापेक्ष वेब डिज़ाइन इकाई (व्यूपोर्ट चौड़ाई) में परिवर्तित कर देगा।.

दूसरे शब्दों में, यह आपको वास्तविक दुनिया में मापों को डिजिटल अनुपात में बदलने में मदद करता है, जो स्क्रीन या वेब ब्राउज़र में विंडो के रूप में स्वचालित रूप से विस्तारित या छोटा हो जाता है।.

यह विशेष रूप से तब उपयोगी होता है जब आपको ऐसी वस्तुओं को विकसित करने की आवश्यकता होती है जो डेस्कटॉप, टैबलेट और मोबाइल डिवाइस पर समान रूप से समानुपातिक होनी चाहिए।.

इकाइयों के बारे में जागरूकता; एमएम और वीडब्ल्यू।.

रूपांतरण करने का प्रयास करने से पहले यह जानना आवश्यक है कि ये इकाइयाँ क्या हैं और वे किस प्रकार भिन्न हैं।.

मिलीमीटर (MM) क्या है?

मिलीमीटर (मिमी) लंबाई की मीट्रिक इकाई है। यह एक मीटर के 1000वें हिस्से जितना छोटा होता है (भौतिक डिज़ाइन, मुद्रण और विनिर्माण में इसका व्यापक रूप से सटीक माप लेने के लिए उपयोग किया जाता है)।.

सामान्यतः, एक सामान्य बिज़नेस कार्ड 90 मिमी चौड़ा हो सकता है। और वेब पर जाने के मामले में, मिलीमीटर स्क्रीन के आकार के सीधे आनुपातिक नहीं होते (क्योंकि स्क्रीन के आकार और रिज़ॉल्यूशन अलग-अलग होते हैं)।.

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

VW (व्यूपोर्ट चौड़ाई) एक सापेक्ष CSS विशेषता है जिसका उपयोग वेब डिजाइनिंग के दौरान किया जाता है।.

1 VW वह चौड़ाई है जो ब्राउज़र विंडो की चौड़ाई (प्रतिशत) के बराबर है।.

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

• 1920px चौड़ी स्क्रीन पर, 1 VW = 19.2px.
• वन वी.डब्लू. एक 375px चौड़ी मोबाइल स्क्रीन है।.

इसका मतलब यह है कि वी.डब्लू. इकाइयां यह सुनिश्चित करने के लिए एक निश्चित चीज हैं कि आपके तत्व दर्शक की स्क्रीन के आधार पर स्वचालित रूप से स्केल करेंगे - यही कारण है कि वे डिजाइन के प्रति उत्तरदायी हैं।.

MM से VW रूपांतरण सूत्र

मिलीमीटर को VW में परिवर्तित करने की प्रक्रिया व्यूपोर्ट बनाने वाले पिक्सेल के साथ-साथ प्रति इंच पिक्सेल (DPI या PPI) की संख्या पर आधारित होती है। रूपांतरण का सामान्य सूत्र है:

VW=(MM×96 / 25.4×व्यूपोर्ट चौड़ाई (px में)​)×100

जहाँ:

• 96 = स्क्रीन पिक्सेल घनत्व (96 DPI)
• 25.4 = मिमी/इंच.
• व्यूपोर्ट चौड़ाई = ब्राउज़र विंडो की चौड़ाई + सभी पंक्तियों की चौड़ाई।.

यह सूत्र यह सुनिश्चित करने के लिए उपयोग किया जाता है कि आपने मिलीमीटर लिया है जो कि व्यूपोर्ट का आपका प्रतिशत है।.

उदाहरण: MM को VW में परिवर्तित करना

हम एक संक्षिप्त उदाहरण लेंगे।.

उदाहरण:

आप 1920 पिक्सल की चौड़ी स्क्रीन पर VW में 10 मिमी खेलना चाहेंगे।.

सूत्र का उपयोग:

वीडब्ल्यू = ( 10 × 96 / 25.4 × 1920 ​) × 100

वीडब्ल्यू = ( 960 / 48768 ) × 100 

वीडब्ल्यू ≈ 1.97 वीडब्ल्यू

इसलिए, 1920px स्क्रीन पर 10 मिमी ≈ 1.97 VW.

इसका मतलब यह है कि यदि आप width: 1.97vw; लिखते हैं तो CSS में आपका घटक उस डिस्प्ले पर 10 मिमी आकार के बराबर होगा।.

एमएम से वीडब्ल्यू कनवर्टर का अनुप्रयोग।.

हमारा फ्लोरोस्कोपिक MM से VW कनवर्टर एक सरल डिज़ाइन का है। अल्पकालिक परिणाम प्राप्त करने के लिए, निम्नलिखित चरणों का पालन किया जाना चाहिए:

चरण 1: मिलीमीटर के मान पर जाएं।.

मिलीमीटर (MM) फ़ील्ड में वह लंबाई संख्या लिखें जिसे आप बदलना चाहते हैं।.

एक उदाहरण यह है कि जब आपका डिज़ाइन घटक 15 मिमी है तो 15 इनपुट करना।.

चरण 2: व्यूपोर्ट चौड़ाई चुनें या टाइप करें।.

अपने व्यूपोर्ट के लिए पिक्सेल का वह आकार दर्ज करें जो आप चाहते हैं (अन्यथा डिफ़ॉल्ट डेस्कटॉप के लिए 1920, लैपटॉप के लिए 1366 या मोबाइल के लिए 375 है)।.

यह सुनिश्चित करने के लिए है कि आपका रूपांतरण सही स्क्रीन पर पहुंचे।.

चरण 3: कन्वर्ट पर क्लिक करें

संबंधित VW मान की गणना स्वचालित रूप से की जाएगी और कनवर्टर की सहायता से आउटपुट फ़ील्ड में प्रदर्शित की जाएगी।.

चरण 4: परिणाम की प्रतिलिपि बनाएँ

VW मान आपके CSS कोड में रखा जाना चाहिए उदाहरण:

• चौड़ाई: 2.5vw;

आपका डिज़ाइन तत्व अब विभिन्न डिवाइसों के अनुकूल होगा।.

MM से VW रूपांतरण तालिका (1920px व्यूपोर्ट)