ஒரு HTML உறுப்பு உயரம் அமைக்க எப்படி 100%

100% ஹைட்ஸ் வேலை செய்யும் போது கவனிக்க வேண்டிய சில விஷயங்கள்

இப்போது உங்கள் பக்க கூறுகளின் உயரத்தை 100% என்று எப்படி அமைப்பது என்று உங்களுக்குத் தெரியும், அது வெளியே சென்று உங்கள் எல்லா பக்கங்களுக்கும் அதைச் செய்ய உற்சாகமாக இருக்கலாம், ஆனால் சில விஷயங்கள் உங்களுக்குத் தெரிந்திருக்க வேண்டும்:

• நீங்கள் ஒன்றும் விரும்பாத ஒரு உருள் பட்டை விளிம்புகளையும் திணிப்புகளையும் சேர்க்கலாம்.சதவிகிதம் உயரங்களை (மற்றும் அகலங்கள்) பணிபுரியும் மிகவும் எரிச்சலூட்டும் விஷயங்களில் ஒன்று, அதே உள்ளடக்கங்களில் உள்ள திணிப்பு மற்றும் ஓரங்கள் பக்கத்திற்கு ஸ்க்ரோல்பார்களைப் பெறாமல் உள்ளடக்கத்தை காட்சிப்படுத்தியிருந்தாலும், பக்கத்தில் ஸ்க்ரோல் பார்கள் சேர்க்கலாம். இது ஏனெனில் உறுப்புகளின் உயரம் அல்லது அகலம் கணக்கிடப்படும் முதல் விஷயம். பின்னர் ஓரங்கள் மற்றும் paddings சேர்க்கப்படுகின்றன. எனவே, 100% உயரம் மற்றும் 10 பிக்சல்களின் மேல் மற்றும் கீழ் விளிம்புகள் கொண்ட உறுப்பு இருந்தால், கூடுதல் 20 பிக்சல்களுக்கு ஒரு சுருள் பட்டை இருக்கும். நினைவில் வைத்து கொள்ளுங்கள், CSS பாக்ஸ் மாதிரி ஒரு உறுப்பு அளவு மீது விளிம்பு, எல்லை மற்றும் திணிப்பு சேர்க்கிறது, அதனால் அந்த மற்ற பாக்ஸ் மாதிரி மதிப்புகள் எந்த 100% உண்மையில் 100 க்கும் மேற்பட்ட இருக்கும்.
• வரையறுக்கப்பட்ட உயரத்தை விட உங்கள் உள்ளடக்கம் அதிகமானால், அது அதற்குப் பிறகு மேலெழுதும்.வேறு வார்த்தைகளில் கூறுவதானால், நீங்கள் உயரத்தின் 80% கொண்ட ஒரு நிரலுடன் வடிவமைத்திருந்தால், அதன் உள்ளே உள்ள உள்ளடக்கம் 100% உயரத்தை எடுக்கும், கூடுதல் 20% நெடுவரிசைக்கு கீழே சென்று, காட்சி வடிவமைப்பு உடைக்கப்படும் உங்கள் பக்கம். அந்த நெடுவரிசையில் கீழே உள்ள உள்ளடக்கம் இருந்தால், உரை வெறுமனே அதன் மேல் எழுதப்படும். வலைப்பின்னல் வடிவமைப்பாளர் ஒரு பக்கத்தின் உயரத்தை கட்டாயப்படுத்த முயற்சிக்கும்போது, ​​அதைத் தொடங்குவதற்கு அது சரியாக வேலை செய்யும் போது நான் அடிக்கடி இதைப் பார்க்கிறேன், ஆனால் அந்த பக்கத்தின் உள்ளடக்கத்தில் எதிர்காலத்தில் மாற்றங்கள் ஏற்பட்டால், அவர்களின் முழுமையான உயரங்கள் பக்கத்தின் ஓட்டத்தை முழுமையாக உடைக்கின்றன. நீங்கள் யாருடைய அகலம் மற்றும் உயரம் காட்சியும் அளவு மாற்ற வேண்டும் பதிலளிக்க வலைத்தளங்கள் கட்டி போது இது இரட்டை உண்மை.

இதை சரிசெய்ய, உறுப்புகளின் உயரத்தை நீங்கள் அமைக்கலாம். நீங்கள் அதை அமைத்தால்

கார்,

அவர்கள் தேவைப்பட்டால் சுருள்பட்டிகளின் தோற்றம் தோன்றும், ஆனால் அவை இல்லாதபோது மறைந்துவிடும்.அது காட்சி இடைவெளியை சரி செய்கிறது, ஆனால் அவற்றை நீங்கள் விரும்பாத இடத்தில் சுருள்பட்டிகளை சேர்க்கிறது.