HTMLలో ప్రతిస్పందించే వెబ్ డిజైన్ కోసం వీక్షణపోర్ట్ మెటా ట్యాగ్‌ని ఎలా ఉపయోగించాలో ఈ బ్లాగ్ వివరిస్తుంది:
వ్యూపోర్ట్ మెటా ట్యాగ్ అంటే ఏమిటి?
ది ' వీక్షణపోర్ట్ ” అనేది విభిన్న స్క్రీన్ పరిమాణాలలో కంటెంట్ ఎలా కనిపించాలో నియంత్రించడం ద్వారా ప్రతిస్పందించే డిజైన్‌ను రూపొందించడానికి అత్యంత ముఖ్యమైన ట్యాగ్. ఈ ట్యాగ్ ' లోపల ఉంచబడింది <తల> ” విభాగం మరియు దానిలో రెండు విశేషణాలు ఉన్నాయి. మొదటిది ' పేరు 'ఈ ట్యాగ్ యొక్క ఉద్దేశ్యాన్ని తెలిపే లక్షణం మరియు రెండవది' విషయము ”లో అందించిన విలువకు సంబంధించిన డేటాను కలిగి ఉంటుంది పేరు ' గుణం.
వ్యూపోర్ట్ మెటా ట్యాగ్ యొక్క విభిన్న గుణాలు
వీక్షణపోర్ట్ మెటా ట్యాగ్ క్రింది లక్షణాలను కలిగి ఉంది, వీటిని '' కోసం విలువగా ఉంచవచ్చు. విషయము ' గుణం:
'వెడల్పు' లక్షణం
ది ' వెడల్పు ”అట్రిబ్యూట్ కంటెంట్ కోసం వెబ్‌పేజీలో కనిపించే ప్రాంతాన్ని నిలువుగా నిర్దేశిస్తుంది. దీని మెటా ట్యాగ్ ఇలా కనిపిస్తుంది:
< మెటా పేరు = 'వ్యూపోర్ట్' విషయము = 'వెడల్పు=పరికర వెడల్పు' >
'ఎత్తు' లక్షణం
ది ' ఎత్తు వ్యూపోర్ట్ ఎత్తు స్క్రీన్ ఎత్తుతో సరిపోలుతుందని నిర్ధారించడానికి 'అట్రిబ్యూట్ వెబ్‌పేజీ యొక్క నిలువు పొడవును సెట్ చేస్తుంది. దీని మెటా ట్యాగ్ ఇలా కనిపిస్తుంది:
< మెటా పేరు = 'వ్యూపోర్ట్' విషయము = 'ఎత్తు=400' >
'ప్రారంభ-స్థాయి' లక్షణం
ది ' ప్రారంభ స్థాయి ”అట్రిబ్యూట్ వెబ్‌పేజీ మొదట లోడ్ అయినప్పుడు తగిన జూమ్ స్థాయిలో ప్రదర్శించబడుతుందని నిర్ధారిస్తుంది. ఉదాహరణకు, క్రింది కోడ్‌ని సందర్శించండి:
< మెటా పేరు = 'వ్యూపోర్ట్' విషయము = 'వెడల్పు=పరికర వెడల్పు, ప్రారంభ-స్థాయి=1.0' >'గరిష్ట స్థాయి' లక్షణం
ది ' గరిష్ట స్థాయి ”అట్రిబ్యూట్ లేఅవుట్ సమస్యలను నివారించడానికి వెబ్‌పేజీకి గరిష్ట జూమ్ స్థాయిని నిర్దేశిస్తుంది:
< మెటా పేరు = 'వ్యూపోర్ట్' విషయము = 'వెడల్పు=పరికర వెడల్పు, గరిష్ట స్థాయి=1.0' >
'కనిష్ట స్థాయి' లక్షణం
ది ' కనీస స్థాయి ” కనీస జూమ్-అవుట్ స్కేల్ స్థాయిని పేర్కొనడం ద్వారా వినియోగదారుని ఎక్కువగా జూమ్ అవుట్ చేయకుండా నియంత్రించడానికి ఉపయోగించబడుతుంది:
< మెటా పేరు = 'వ్యూపోర్ట్' విషయము = 'వెడల్పు=పరికర వెడల్పు, కనిష్ట స్థాయి=0.5' >'యూజర్-స్కేలబుల్' లక్షణం
ది ' వినియోగదారు-స్కేలబుల్ విలువను సెట్ చేయడం ద్వారా వెబ్‌పేజీ స్క్రీన్‌ని జూమ్ అవుట్ చేయడానికి లేదా జూమ్ ఇన్ చేయడానికి వినియోగదారుని ఆట్రిబ్యూట్ అనుమతిస్తుంది లేదా అనుమతించదు సంఖ్య 'లేదా' అవును ”. జూమ్ ఇన్ లేదా అవుట్ చేయడానికి వినియోగదారుని అనుమతించే మెటా ట్యాగ్:
< మెటా పేరు = 'వ్యూపోర్ట్' విషయము = 'వెడల్పు = పరికరం-వెడల్పు, వినియోగదారు-స్కేలబుల్ = అవును' >HTMLలో రెస్పాన్సివ్ వెబ్ డిజైన్ కోసం వ్యూపోర్ట్ మెటా ట్యాగ్‌ని ఎలా ఉపయోగించాలి?
ప్రతిస్పందించే వెబ్ డిజైన్ కోసం వీక్షణపోర్ట్ మెటా ట్యాగ్ వినియోగాన్ని బాగా అర్థం చేసుకోవడానికి. మనం ఒక ఉదాహరణ ద్వారా నడుద్దాం:
లోపల అనుకుందాం ' ఎగువ కోడ్ స్నిప్పెట్ యొక్క సంకలనం తర్వాత, వెబ్‌పేజీ ఇలా కనిపిస్తుంది: చిన్న పరికరాలలో కంటెంట్ సరిగ్గా ప్రదర్శించబడనందున అది ప్రతిస్పందించదని అవుట్‌పుట్ ప్రదర్శిస్తుంది. ఇప్పుడు దాన్ని ప్రతిస్పందించేలా చేయడానికి “ని జోడించండి వీక్షణపోర్ట్ ”మెటా ట్యాగ్: కోడ్‌ను అప్‌డేట్ చేసిన తర్వాత, వెబ్‌పేజీ వివిధ స్క్రీన్ పరిమాణాలలో ఇలా కనిపిస్తుంది: '' లోపల మెటా ట్యాగ్‌ని జోడించిన తర్వాత వెబ్‌పేజీ ఇప్పుడు ప్రతిస్పందిస్తుందని తుది అవుట్‌పుట్ వివరిస్తుంది. <తల> ” ట్యాగ్. వీక్షణపోర్ట్ మెటా ట్యాగ్ బ్రౌజర్‌కి సూచనల సమితిని అందించడానికి డెవలపర్‌ని అనుమతిస్తుంది, ఇది వెబ్‌పేజీ వివిధ స్క్రీన్ పరిమాణ పరికరాలలో ఎలా ప్రదర్శించబడుతుందో సెట్ చేస్తుంది. మెటా ట్యాగ్ లోపల ఉంచబడింది ' <తల> ” ట్యాగ్ మరియు ప్రతిస్పందించే వెబ్‌సైట్ డిజైన్‌లను రూపొందించడంలో సహాయపడే లక్షణాలను కలిగి ఉంటుంది. HTMLలో ప్రతిస్పందించే వెబ్ డిజైన్ కోసం వీక్షణపోర్ట్ మెటా ట్యాగ్‌ని ఎలా ఉపయోగించాలో ఈ బ్లాగ్ ప్రదర్శించింది. ”ట్యాగ్: < div >
< p >
< బి >Linuxhint ద్వారా ఆధారితం, వీక్షణపోర్ట్ మెటా ట్యాగ్‌ని బాగా అర్థం చేసుకోవడానికి వెబ్‌పేజీని వేరే స్క్రీన్‌లో తెరవండి పరిమాణం పరికరాలు.< / బి >
< / p >
< img src = '../bg.jpg' ప్రతిదీ = 'హ్యాకర్' వెడల్పు = '460' ఎత్తు = '3. 4. 5' >
< p శైలి = 'ప్యాడింగ్: 5px' >
< i >Linuxhint బృందంలో చేరండి < / i >
Linuxhint ద్వారా ఆధారితం, వీక్షణపోర్ట్ మెటా ట్యాగ్‌ని బాగా అర్థం చేసుకోవడానికి వివిధ స్క్రీన్‌లో వెబ్‌పేజీని తెరవండి పరిమాణం వ్యూపోర్ట్ మెటా ట్యాగ్‌ని బాగా అర్థం చేసుకోవడానికి Linuxhint ద్వారా ఆధారితం. వివిధ స్క్రీన్‌లో వెబ్‌పేజీని తెరవండి పరిమాణం వ్యూపోర్ట్ మెటా ట్యాగ్‌ని బాగా అర్థం చేసుకోవడానికి Linuxhint ద్వారా ఆధారితం. వివిధ స్క్రీన్‌లో వెబ్‌పేజీని తెరవండి పరిమాణం వ్యూపోర్ట్ మెటా ట్యాగ్‌ని బాగా అర్థం చేసుకోవడానికి Linuxhint ద్వారా ఆధారితం. వివిధ స్క్రీన్‌లో వెబ్‌పేజీని తెరవండి పరిమాణం పరికరాలు.
< / p >
< / div >
< మెటా పేరు = 'వ్యూపోర్ట్' విషయము = 'వెడల్పు=పరికర వెడల్పు, ప్రారంభ-స్థాయి=1.0' / >
< / తల >
ముగింపు