HTML இல் பதிலளிக்கக்கூடிய வலை வடிவமைப்பிற்கு Viewport Meta Tag ஐ எவ்வாறு பயன்படுத்துவது?

HTML இல் பதிலளிக்கக்கூடிய வலை வடிவமைப்பிற்கு வியூபோர்ட் மெட்டா டேக்கை எவ்வாறு பயன்படுத்துவது என்பதை இந்த வலைப்பதிவு விளக்குகிறது:

• வியூபோர்ட் மெட்டா டேக் என்றால் என்ன?
• மெட்டா டேக்கின் வெவ்வேறு பண்புக்கூறுகள்

வியூபோர்ட் மெட்டா டேக் என்றால் என்ன?

' வியூபோர்ட் ” என்பது வெவ்வேறு திரை அளவுகளில் உள்ளடக்கம் எவ்வாறு தோன்றும் என்பதைக் கட்டுப்படுத்துவதன் மூலம் பதிலளிக்கக்கூடிய வடிவமைப்பை உருவாக்குவதற்கான மிக முக்கியமான குறிச்சொல். இந்த குறிச்சொல் '' இன் உள்ளே வைக்கப்பட்டுள்ளது <தலை> ” பிரிவு மற்றும் அதில் இரண்டு பண்புக்கூறுகள் உள்ளன. முதலாவது ' பெயர் 'இந்தக் குறிச்சொல்லின் நோக்கத்தைக் கூறும் பண்புக்கூறு மற்றும் இரண்டாவது' உள்ளடக்கம் ' இது ' இல் வழங்கப்பட்ட மதிப்பு தொடர்பான தரவைக் கொண்டுள்ளது பெயர் ” பண்பு.

வியூபோர்ட் மெட்டா டேக்கின் வெவ்வேறு பண்புக்கூறுகள்

வியூபோர்ட் மெட்டா டேக்கில் பின்வரும் பண்புக்கூறுகள் உள்ளன, அவை 'க்கான மதிப்பாக வைக்கப்படலாம். உள்ளடக்கம் 'பண்பு:

'அகலம்' பண்பு

' அகலம் ” பண்புக்கூறு உள்ளடக்கத்திற்கான வலைப்பக்கத்தின் புலப்படும் பகுதியை செங்குத்தாகக் குறிப்பிடுகிறது. அதன் மெட்டா டேக் இது போல் தெரிகிறது:

'உயரம்' பண்பு

' உயரம் ” பண்புக்கூறு, வியூபோர்ட் உயரம் திரையின் உயரத்துடன் பொருந்துகிறதா என்பதை உறுதிப்படுத்த, வலைப்பக்கத்தின் செங்குத்து நீளத்தை அமைக்கிறது. அதன் மெட்டா டேக் இது போல் தெரிகிறது:

'ஆரம்ப அளவிலான' பண்புக்கூறு

' ஆரம்ப அளவு ” பண்புக்கூறு இணையப்பக்கம் முதலில் ஏற்றப்படும்போது பொருத்தமான ஜூம் மட்டத்தில் காட்டப்படுவதை உறுதி செய்கிறது. உதாரணமாக, கீழே உள்ள குறியீட்டைப் பார்வையிடவும்:

'அதிகபட்ச அளவு' பண்பு

' அதிகபட்ச அளவு ” பண்புக்கூறு தளவமைப்புச் சிக்கல்களைத் தடுக்க வலைப்பக்கத்திற்கான அதிகபட்ச ஜூம் அளவைக் குறிப்பிடுகிறது:

'குறைந்தபட்ச அளவிலான' பண்பு

' குறைந்தபட்ச அளவு ” குறைந்தபட்ச ஜூம்-அவுட் அளவுகோலைக் குறிப்பிடுவதன் மூலம் பயனரை அதிகமாக பெரிதாக்குவதைத் தடுக்கப் பயன்படுத்தப்படுகிறது:

'பயனர் அளவிடக்கூடிய' பண்புக்கூறு

' பயனர் அளவிடக்கூடியது ” பண்புக்கூறு பயனரை வலைப்பக்கத் திரையை பெரிதாக்கவோ அல்லது பெரிதாக்கவோ மதிப்பை அமைப்பதன் மூலம் அனுமதிக்காது அல்லது அனுமதிக்காது இல்லை ' அல்லது ' ஆம் ”. பயனரை பெரிதாக்க அல்லது வெளியேற அனுமதிக்கும் மெட்டா டேக்:

HTML இல் பதிலளிக்கக்கூடிய வலை வடிவமைப்பிற்கு Viewport Meta Tag ஐ எவ்வாறு பயன்படுத்துவது?

பதிலளிக்கக்கூடிய வலை வடிவமைப்பிற்கான வியூபோர்ட் மெட்டா டேக்கின் பயன்பாட்டை நன்கு புரிந்துகொள்ள. ஒரு எடுத்துக்காட்டில் நடப்போம்:

உள்ளே என்று வைத்துக்கொள்வோம் '