एचटीएमएल में व्यूपोर्ट क्या है? क्या आप व्यूपोर्ट विवरणों तक पहुंचने के तरीके पर कुछ उदाहरण दे सकते हैं?एचटीएमएल में व्यूपोर्ट क्या है।
उत्तर
व्यूपोर्ट उस वेबपृष्ठ का हिस्सा है जिसे उपयोगकर्ता वर्तमान में देख सकता है। स्क्रॉलबार पृष्ठ के अन्य हिस्सों को दिखाने के लिए व्यूपोर्ट को ले जाते हैं।
Follow this article's instructions to get the viewport dimensions in Javascript।
if (typeof window.innerWidth != 'undefined')
{
viewportwidth = window.innerWidth,
viewportheight = window.innerHeight
}
और किसी भी भ्रम से बचने के लिए, यह न तो आपके ब्रोवर की खिड़कियों का आकार है और न ही स्क्रीन रिज़ॉल्यूशन है। उसी विंडो आकार के लिए, अधिक टूलबार वाले ब्राउज़र वाले एक छोटे व्यूपोर्ट होंगे। – FelipeAls
व्यूपोर्ट एक आभासी ब्राउज़र प्रतिपादन इंजन द्वारा उपयोग निर्धारित करने के लिए कैसे सामग्री में वृद्धि की और आकार है जब यह शुरू में वर्तमान स्क्रीन पर प्रदान की गई है क्षेत्र है। यह तुम्हारी मदद करेगा:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
मुझे लगता है कि ViewPort
सिर्फ एक क्षेत्र ब्राउज़र में वेब सामग्री प्रदर्शित करने के लिए है। और विभिन्न ब्राउज़रों की ViewPort
के आकार के लिए अपनी सेटिंग होती है, उदाहरण के लिए, सफारी की डिफ़ॉल्ट ViewPort
चौड़ाई 980 पिक्सेल है। इसलिए, यदि आप जिस वास्तविक वेब पेज को देखना चाहते हैं वह 980 पिक्सेल से छोटा है, तो सफारी में डिफ़ॉल्ट रूप से वेब पेज तक पहुंचने पर सफारी में एक खाली प्रदर्शन क्षेत्र होना चाहिए। इसलिए, यही कारण है कि कभी-कभी ब्राउज़र में बेहतर वेब सामग्री प्रदर्शन के लिए हमें ViewPort
को कॉन्फ़िगर करने की आवश्यकता होती है।
, उदाहरण के लिए:
<meta name="viewport" content="width=device-width">
और यह भी Paul's answer पढ़ें। मुझे लगता है कि उसने पहले से ही ViewPort
के उपयोग की व्याख्या की है।
व्यूपोर्ट ब्राउज़र पर आपके वेबपृष्ठ का दृश्य क्षेत्र है। <meta name="viewport"
का उपयोग करके आप सेट कर सकते हैं कि विभिन्न डिवाइसों पर आपकी साइट की सामग्री कैसे प्रदान की जाती है। व्यक्तिगत रूप से मुझे उपयोग करना पसंद है: <meta name="viewport" content="width=device-width, initial-scale=1.0>
व्यूपोर्ट उपयोगकर्ता के वेब पेज का दृश्य क्षेत्र है।
व्यूपोर्ट डिवाइस से डिवाइस में भिन्न होता है, मोबाइल फोन में कंप्यूटर स्क्रीन की तुलना में एक छोटा व्यूपोर्ट होगा।
टैबलेट और मोबाइल फोन बाजार में नहीं होने से पहले, वेब पेज केवल कंप्यूटर स्क्रीन के लिए डिज़ाइन किए गए थे, और वेब पृष्ठों के लिए एक स्थिर डिज़ाइन और एक निश्चित आकार होना आम था।
फिर, जब लोग टैबलेट और मोबाइल फोन का उपयोग कर इंटरनेट सर्फ करना शुरू करते थे, तो व्यूपोर्ट फिट करने के लिए निश्चित आकार के वेब पेज बहुत बड़े थे। इस समस्या को ठीक करने के लिए वेब सफारी ने व्यूपोर्ट के आकार और स्केल को नियंत्रित करने के लिए "व्यूपोर्ट मेटा टैग" (safari documentation) पेश किया। कई अन्य मोबाइल ब्राउज़र अब इस टैग का समर्थन करते हैं, हालांकि यह किसी भी वेब मानक का हिस्सा नहीं है।
<meta name="viewport" content="width=device-width,initial-scale=1">
यह ब्राउज़र बता देंगे डिवाइस पर ही की चौड़ाई के लिए सामग्री की चौड़ाई सेट करने के लिए और लोड पर 1 के लिए है कि सामग्री पैमाने पर करने के। http://fend-tricks.com/responsive-web-design-with-viewport/
- 1. व्यूपोर्ट
- 2. व्यूपोर्ट
- 3. एंड्रॉइड वेब व्यू व्यूपोर्ट
- 4. पृष्ठभूमि व्यूपोर्ट
- 5. एचटीएमएल 5 बॉयलरप्लेट: मेटा व्यूपोर्ट और चौड़ाई = डिवाइस-चौड़ाई
- 6. व्यूपोर्ट ऊंचाई
- 7. एचटीएमएल में सीडीएटीए क्या है?
- 8. व्यूपोर्ट मेटा टैग
- 9. दृश्य व्यूपोर्ट और लेआउट व्यूपोर्ट के बीच अंतर?
- 10. 1024x768 स्क्रीन पर सामान्य व्यूपोर्ट आकार क्या है?
- 11. यदि मैं व्यूपोर्ट
- 12. व्यूपोर्ट मेटा टैग?
- 13. मास्किंग ब्रेकिंग व्यूपोर्ट
- 14. मेटा व्यूपोर्ट और एंड्रॉइड
- 15. फोनगैप InappBrowser व्यूपोर्ट
- 16. व्यूपोर्ट iPhone और Android
- 17. मोबाइल सफारी में "व्यूपोर्ट" की स्थिति पाएं?
- 18. सेलेनीज़ एचटीएमएल क्या है?
- 19. सीएसएस: व्यूपोर्ट ऊंचाई
- 20. कैसे एक व्यूपोर्ट
- 21. व्यूपोर्ट टैग सिंटेक्स
- 22. ExtJs 4 - फीड में आवेदन व्यूपोर्ट
- 23. एचटीएमएल 5 में डेटा-आइकन क्या है?
- 24. व्यूपोर्ट के भीतर एचटीएमएल तत्व को लंबवत और क्षैतिज रूप से केन्द्रित करने का सबसे अच्छा तरीका क्या है?
- 25. आईपैड सफारी व्यूपोर्ट की ऊंचाई
- 26. एचटीएमएल इकाई ' ' क्या है?
- 27. एचटीएमएल डीटीडी - बिंदु क्या है?
- 28. क्या एचटीएमएल() बुलेट प्रूफ है?
- 29. क्या एचटीएमएल केस संवेदनशील है?
- 30. डीआईवी व्यूपोर्ट के नीचे संलग्न
एक अतिरिक्त जानकारी के रूप में::
व्यूपोर्ट यहाँ प्रपत्र बारे में और जानें यहाँ एक अच्छी तस्वीर [मापने व्यूपोर्ट] (http://www.quirksmode.org/mobile/viewports.html# साथ एक लेख है link12)। – informatik01
"व्यूपोर्ट विवरणों तक पहुंचने के लिए कुछ उदाहरण दें" से आपका क्या मतलब है? – Coleman
http://www.w3schools.com/css/css_rwd_viewport।एएसपी –