Pirsgirêka pirsa pirsan di malpera malpera malperê de ye: "Çiqas ji hêla hêla hêla hêla 100%" didin?
Ew dibe ku bersiva hêsan hêsan e. Hûn tenê bi karanîna CSS-ê bikar bînin ku hebûna bilind a hêla 100% dabeşînin, lê ev her tim hertim ew e ku her celeb pêkanîna tevahiya gerdûnê ya tevaheng bike. Let's find out why this happens and what you can do for this style style scene.
Pixels û Percentages
Dema ku hûn dirêjahiya an elementê bi karanîna taybetmendiya CSS bikar bînin û nirxek ku pencil bikar tîne, wê elementê wê heya ku di qada gerokê de pir gavê vertical.
Ji bo nimûne, parçeyek bi avahiya: 100px; dê di pîşesaziyê de 100 pileya vertical deverê bigire. Ev nabe ku çima paceya gerokê we mezintir e, ev element dê 100 pîvan di asta mezin de.
Ji sedî pencî ji pencilê re dixebite. Li gorî jimareya W3C, hejmarê sedî heb bi rêzgirtina bi qonaxa qutikê. Ji ber ku hûn parçeyek bi hejmaran re got: 50%; hundirê drav bi bilindahiya 100px, paragraph dê 50 pixel di binavê de, ku ji% 50 ya bavê wê ye.
Çima Percentage Heights
Heke hûn malperê damezirandin, û hûn kêliyek heye ku hûn dixwazin bila qonaxa tevahî ya paceyê bigirin, gişta xwezayî ye ku hebûna bilindbûnê: 100%; wê elementê. Hingê hemî, heger hûn çarçoveya çarçoveyê: 100%; element dê dê pîvanê ya horizontal ya tevlihev bigirin, da ku pîvan divê heman, right? Mixabin, ev yek ne rewşê ye.
Ji bo fêm bikin ku ev çima dibe, divê hûn bizanin ka çiqas gerokên bilind û binirxînin. Browserên Webê tevahiya çarçoveya berdêlê wekî karûbarê çiqas pirr vekirî ya vekirî vekirî ye. Heke hûn li gor belgeyên xwe li ser dokumentên xwe naxwazin, gerok dê bixweber bixweber derxistin ku hûn tevahiya çarçoveya paceyê hilbijêre (100% çarçoveya pêşnivîsî ye).
Nirxa bilind ya ji çarçoveyê de ji hev cuda ye. Di rastiyê de, gerokgerên ku di naveroka pisporê de (ji ber vê yekê hewceyê pirtûka pêdivî ye), pisporê webê ji bo pîvanê li ser pîvanek yekem tewqe dike. Wekî din, geroktanê bi hêsanî digel naveroka di çarçoveya nîvrojeyê de bête dirêj kirin ku heta dawiya wê. Hejmar ne bi tenê rast nirxandin.
Pirsgirêkên ku hûn li ser elementek ku elementên bavûbenî heqê hewayê de pêkhatî pêk têne pêkhatin - di nav gotinên din de, hêmanên bavûberek hewayek standard e: auto; . Hûn, bi bandor, gerîgerî dipirsin ku ji hêla nirxek nayê hesibandin hesibandin. Ji ber ku ew ê wekhevek nirx -hev e, encam e ku geroktarek tiştek nayê.
Heke hûn dixwazin pirtûka malperên xwe li malperên xwe ji sedî sedî diaxivin, divê hûn armanca her heremên hêja yê ku hûn dixwazin berbiçav binivîsin. Bi gotinên din, heger hûn rûpelek heye mîna vê yekê:
Naverokê li vir
Heke dibe ku hûn dixwazin div û paragrafê ku bi 100% bilindtirîn dixwazin, lê belê ew divê rastî du elementên bavê me ye:
û. Ji bo ku dirêjahiya drav a bilindahiya hevpeymanî binivîse, divê hûn bilindahiya laş û hûrgelên hêja bikin.
Ji ber vê yekê hûn hewce ne ku hûn CSS bikar bînin ku heqê ne tenê tenê dabeş, lê jî celeb û laş û html jî bikar bînin. Ev dikare bibe dijwariyek, ji ber ku hûn bi lez bigihîjin her tişt bi tevahî 100% bilind e, lê tenê ji bo bandora vê hewceyê bigire.
Hinek tiştan ji bîr nekin Dema ku 100% Hêzên kar dikin
Niha ku hûn dizanin ka çiqasên pîvanên xwe yên 100% heta 100% e, ew dikarin bi kelek xweş bikin û ji bo hemû rûpelên xwe re bikin, lê çend tişt hene ku hûn ji wan re bizanibin:
- Zivistan û çandiniyê barê ku hûn nexwestin scrollek zêde bike. Yek ji wan tiştên herî tengahî yên ku ez bi sedî hejmarên (% û çarçovey) re xebitîn e ku ew di heman rengan de berbiçav û pûçan dikarin bi rûpelê scroll-ê bişînin, tevî naveroka hemî naverok bêyî ku pêdiviyên pirtûkan hewce dike. Ji ber ku tîrêj an çarçoveya elementa yekem yekem e ku hejmarek e. Piştre pargîdan û paddings zêde dibin. Ji ber ku hûn bi hêla 100% û top û jêrîn du 10 pîklêdan in, heke barê pirtir 20 pixelê be. Ya bîr bînin, modela boxê ya CSS, li ser rêjeya elementê, pêdivî ye û hejmara 100% bi nirxên modela boxê re bêtir ji sedî 100%.
- Ger naveroka we ji hewayê bêtir diyar eşkere dike, wê wê paşê tiştek dinivîse. Bi peyvên din, heger hûn parsekek bi% dora 80% e, û naveroka ku di hundirê hundur de wê wê% 100 be bilind dibe, ku dê 20% bêtir di binê kolanan de berdewam bike û sêwirîna dîtbar rûpelê te Ger naveroka binivîse binivîse, nivîsê wê bi seranserê wê binivîse. Ez gelek caran ev dibînim gava ku sêwirînerê webê hewldana pirtûka pirtûka hêza xwe dike û ji bo destpêkê ji bo destpêkê dixebite, lê gava ku naveroka vê rûpelê di pêşerojê de biguherîne, hejmarên wan bi temamî rûpela rûpelê vekişînin. Dema ku hûn malperên bersiv ên avahiyê çêbibin ew duyemîn e ku çiqas û bilindahî bi rêjeya pisporê biguherînin.
Ji bo vê rastkirinê, hûn dikarin bilindahiya elementê jî bikin. Heke hûn bi xwe re otomat bikin, parsên scroll wê bêne xuya kirin ku ew hewce nebe lê gava ku ew ne nebin. Ew pêvajoya vîzyonê çareser dike, lê ew bi scrollbarsan digire ku hûn nexwestin wan.
Bikaranîna Yekbûyî ya Vebijêrkirinê
Wekî din ku hûn dikarin vê tengahiyê bikişînin, bi tecrûbeyên bi yekîtiyên Sîteya Navneteweyî yên CSS-ê re ye. Bi karanîna pîvana bilindbûnê ya pisporê, hûn dikarin hêmanên mezin bikin ku bilindbûna define a nîvrojneyê, û dê wekî guhartina guhartina guhartinê biguherînin! Ev rêbazek mezin e ku hûn li ser rûpelê 100% pîvanên bilind binirxînin, lê dîsa jî ew ji bo amûrên cûrbecûr û sermayeyên cinsî hene.