በድር ጣቢያ ዲዛይን ውስጥ በብዛት የተጠየቀው ጥያቄ "የአንድን አባል ቁመት 100%" እንዴት ነው የሚሉት?
ይህ ቀላል መልስ ይመስላል. በቀላሉ የአንድ ኤለመንት ቁንጮ 100% እንዲሆን በቀላሉ በ CSS ይጠቀማሉ, ነገር ግን ይህ ያንን ጠቅላላውን የአሳሽ መስኮት ለማጣጣም አይገድበውም. ይህ ለምን እንደሆነ እና ይህን ዓይነቱን ዘይቤ ለማሳካት ምን ማድረግ እንደሚችሉ እናውጥ.
ፒክስሎች እና በመቶኛዎች
የኤስኤስ ንብረትን የ CSS ንብረትን በመጠቀም እና ፒክስሎችን የሚጠቀም እሴት ሲፈጥሩ, ያ በአቦር ውስጥ ብዙ አቀባዊ ክፍፍል ያካትታል.
ለምሳሌ, ቁመት ያለው ቁመት: 100 ፒክስል; በንድፍዎ 100 ፒክስልስ ዶላር ቦታ ይወስዳል.የአሳሽ መስኮትዎ ትልቅ ከሆነ ምንም እንኳን ይህ ኤለመንት 100 ፒክሰሎች ርዝመት ይኖረዋል.
መቶኛዎች ከፒክሰሮች በተለየ መንገድ ይሰራሉ. በ W3C መስፈርት መሠረት, የመለኪያ ከፍታ ከኮንትራቱ ቁመት ጋር ተቆጥሯል. ስለዚህ አንቀጹ በ ቁመት 50%; በ 100 ፒክሰል ቁመት ውስጥ ባለ ክፍል ውስጥ, አንቀጹ 50 ፒክሰሎች ርዝመቱ, ይህም 50% ቱ የወላጅ አባለ ነገር ይሆናል.
መቶኛ ለምን የሰውነት ሙቀት አልፏል
አንድ ድረ-ገጽ እየቀረቡ ከሆነ እና የመስኮቱ ሙሉ ቁመት የሚወስዱበት ዓምድ ካለዎት ተፈጥሯዊ ዝንባሌው ቁመትን ለመጨመር 100%; ወደዚያ ኤለመንት. ከሁለቱም, ስፋቱን በስፋት ካስቀመጡ 100%. ኤለመንት የገፁ ሙሉውን አግድም ገጽታ ይይዛል, ስለዚህ ቁልቁል ተመሳሳይ መሆን አለበት, እሺ? በሚያሳዝን ሁኔታ, ነገሩ እንደዛ አይደለም.
ይህ ለምን እንደሆነ ለመረዳት, አሳሾች ከፍታና ስፋት እንዴት እንደሚተረጎሙ መረዳት አለብዎት. የድር አሳሾች የአሳሽ መስኮቱ በምን ያህል መስመሮች እንደተከፈተ አጠቃላይ ስፋቱን ያሰላል. በሰነዶችዎ ላይ ምንም ስላይድ እሴቶችን ካላዘጋጁ, ማሰሻው የዊንዶውን አጠቃላይውን ወርድ ለመሙላት ይዘቱን ያስገባል (100% ስፋት ነባሪ ነው).
የመለኪያ እሴት ከስሩ በተለየ መንገድ ይሰላል. እንደ እውነቱ ከሆነ, አሳሾች ይዘቱ በጣም ረጅም ካልሆነ ከመመልከቻ ማስቀመጫው (የሽብለላ መያዣዎች የሚጠይቁ ከሆነ) ወይም የድረ-ገጽ ዲዛይነር በገጹ ላይ ለኤለመንት ሙሉ ቁመት ቢያወጣ (ቢቀይር) በሁሉም መልኩ ርዝመትን አይገምቱም. አለበለዚያ, አሳሹ ወደ መጨረሻው እስከሚጨርስ ድረስ በመመልከቻው ስፋት ውስጥ ይዘቱ እንዲገባ ያስችለዋል. ቁመቱ ሙሉ በሙሉ አልተሰመረም.
ችግሮችን የሚፈጽመው በወረቀት ላይ የወረደ አባሪዎችን የያዘ ኤለመንት ሲያስቀምጡ ነው - በሌላ ቃል, የወላጅ አባሎች ነባሪ ቁመት አላቸው-መኪና; . በተዘዋዋሪ አሳሽዎ ከማይታወቅ እሴት ከፍታውን ለማስላት እየጠየቁ ነው. ይህ ከምንም ባዶ እሴት ጋር እኩል ስለሚሆን ውጤቱ አሳሽ ምንም ነገር አያደርግም.
በድረ-ገፆችዎ ላይ አንድ መቶኛ ወደ አንድ መቶኛ ከፍ ማድርግ ከፈለጉ, ከፍላጎትዎ የሚፈልገውን የእያንዳንዱ የወላጅ አባድ ቁመት ማዘጋጀት አለብዎ. በሌላ አባባል አንድ ገጽ እንደዚህ ያለዎት ከሆነ
ይዘት እዚህ
በውስጡም ዔድኑ እና በእሱ ውስጥ ያለው አንቀጽ 100% ቁመት እንዲኖረው ትፈልግ ይሆናል, ነገር ግን እኒህ ሁለት አካላት አሉት.
እና. የአንድን እቃ ከፍ ወዳለ አንጻራዊ ከፍታ ለመለየት, የአካል እና የኤች ቲ ኤም ክፍሎችን ቁመት ከፍ ማድረግ አለብዎት.
ስለሆነም የ CSS ን ብቻ ሳይሆን ቁረኛ እና ኤችቲኤምኤልን ቁመትን ለመወሰን CSS መጠቀም ይኖርብዎታል. ሁሉም ነገር ወደ 100 ሴንቲ ሜትር ከተቀመጠ በኋላ በፍጥነት መጨመር ስለሚቻል ይህ ተግዳሮት ሊሆን ይችላል, ይህን የተፈለገውን ውጤት ለማግኘት ብቻ ነው.
ከ 100% ከፍታ ጋር ሲሰሩ ሊታወቁ የሚችሉ አንዳንድ ነገሮች
አሁን የገጽ ቅንጣቶችህን ቁመት 100% ማዘጋጀት እንዴት እንደሆነ አሁን አውቀህ ለቤትህ መውጣት እና ለዛ ሁሉም ገጾችህን ማድረግ ቢያስደስት, ነገር ግን ማወቅ የሚገባህ አንዳንድ ነገሮች አሉ:
- ኅዳጎች እና መከለያ አንድ የማይፈልጓቸው የማሸብለያ አሞሌ ሊያክሉ ይችላሉ. ከመቶኛ ደረጃዎች (እና ስፋዮች) ጋር በመስራት ካገኘኋቸው በጣም የሚረብሹ ነገሮች አንዱ በዚያን ጊዜ ሁሉም ይዘቶች ምንም እንኳን የሸብል አሞሌዎች ሳያስፈልጋቸው ቢታዩም በእነዚያ ተመሳሳይ ክፍሎች ላይ ያሉት መቦዘቢያ እና ህዳጎች ወደ ገጹ ማሸብሪያዎች መጨመር ይችላሉ. ይህ የሆነበት ምክንያት የሃክዩ ቁመቱ ወይም ስፋቱ ሂሳቡ የመጀመሪያው ስለሆነ ነው. በመቀጠልም ኅዳጎቹ እና ማስገቢያዎች ይታከራሉ. ስለዚህ እያንዳንዳቸው 100% እና ቁመቱ እና 10 ሚዛን ርዝማኔ ያላቸው ከፍተኛ እና ዝቅተኛ ህዋሶች ካሉዎት, ለተጨማሪ 20 ፒክስል ጥቅል አሞሌ ይኖረዋል. ያስታውሱ, የሲኤስ ሳጥን ሳጥን ሞዴሉን, ጠርዞችን እና የቦታውን መጠን በአንድ አባል ውስጥ ይጨምረዋል, እናም 100% ከየትኛውም የቤል ሞዴል ዋጋ ከ 100% በላይ ይሆናል.
- የእርስዎ ይዘት ከተወሰነው ቁመት በላይ የሚወስድ ከሆነ ከእሱ በኋላ ማንኛውንም ነገር ይተካል. በሌላ አነጋገር, ቁመቱ 80% የሆነ ቁመት ያለው ንድፍ ካለና በውስጡ ያለው ይዘት 100% ቁመት የሚወስድ ሲሆን ተጨማሪ 20% ከዓምድ በታች ይቀጥላሉ እና የእይታ ንድፍ ገጽዎ. ከዚያ አምድ በታች ይዘት ካለ ጽሁፉ በቀላሉ በቃለሉ ላይ ይጽፋል. ይሄ አንድ የድር ንድፍ አርጋጋገም የአንድ ገጽ ቁመትን ለማስገደድ እና ሙሉ ለሙሉ ለመሥራት በሚሞክርበት ጊዜ ይሁን እንጂ ነገር ግን በዚያ ገጽ ላይ ይዘት ያለው ይዘት ለወደፊቱ በሚቀየርበት ጊዜ የእነሱ ሙሉ ለሙሉ የጣቢያውን ፍሰት ሙሉ በሙሉ ያቋርጣል. ስፋቱ እና ቁመታቸው በእይታ በገጹ መጠኑ መለወጥ ያለባቸው ምላሽ ሰጪ የድር ጣቢያዎችን ሲሰሩ በእውነቱ ተመሳሳይ ነው.
ይህንን ለማስተካከል የኤውዱን ቁመት መወሰን ይችላሉ. ወደ ራስ-ሰር ካስቀመጡት ማሸብለያዎች የሚያስፈልጉ ከሆነ ብቅ ይላሉ, ሳይፈልጉ ሲጠፉ ይጠፋሉ. ይሄ የእይታ ዕረፍት ይሠራል, ነገር ግን የማይፈልጉዋቸው የማሸብለያ አሞሌዎችን ያክላል.
የማሳያ ክፍሎችን መጠቀም
ይህንን ችግር ለመቅረፍ ሌላኛው መንገድ የሲኤስዲ ስታንድ ዩኒትን መሞከር ነው. የመመልከቻውን የመግጫው ከፍታ መለኪያ በመጠቀም, የተወሰነውን የንድፍ እይታ እንዲወስዱ ማድረግ ይችላሉ, እና ይህ መመልከቻ ሲቀየር ይቀይራል! ይህ በአንድ ገጽ ላይ የ 100% የፎቶ ምስሎችዎን የሚያገኙበት ትልቅ መንገድ ነው ነገር ግን አሁንም ለተለያዩ መሣሪያዎች እና የማያ ገጽ መጠኖች ተደራሽ እንዲሆኑ ያድርጉ.