Zana zote Bila Malipo

Vinjari kila kipimo cha CSS — kamili (px, cm, pt), kinachohusiana na fonti (em, rem, ch), viewport (vw, dvh), container-query, gridi (fr), pembe, muda na ubora — katika marejeleo yanayotafutika na kuchujika kwa aina, yenye maelezo, dokezo la "lini wa kutumia" na tokeni tayari kunakiliwa. Kwenye kivinjari chako, bila malipo.

Kila kipimo cha CSS, kimefafanuliwa. Kila kitu kinaendesha kwenye kivinjari chako kutoka kwa marejeleo yaliyojengwa — hakuna kinachotumwa kwa seva.

Hakuna kipimo kinacholingana na utafutaji wako.
Jaribu kipimo au kitengo tofauti — kwa mfano rem, dvh, fr au pembe.

Kuhusu Marejeleo ya Vipimo vya CSS

CSS Units Reference inaandika kila kipimo lugha inachotoa — 45 kwa jumla — vilivyopangwa kwa aina: vipimo kamili kama px, cm na pt; vipimo vinavyohusiana na fonti kama em, rem, ch na lh; vipimo vya viewport kutoka vw na vh hadi vipya svh, lvh na dvh; vipimo vya container-query kama cqw na cqi; kipimo cha fr cha grid; pamoja na pembe, muda, mwonekano na asilimia.

Kila kadi inakupa zaidi ya ufafanuzi: token ya kipimo katika monospace inayoweza kunakiliwa, jina lake kamili, jamii yake, maelezo rahisi ya jinsi linavyokokotolewa, na dokezo la vitendo la "wakati wa kutumia" linaloonyesha wapi kipimo kinastahili nafasi yake — na wapi kipimo tofauti kinafaa zaidi.

Utafutaji unalingana na token, majina na maana, hivyo rem, viewport width na root zote zinapata vipimo vyake, na vibao vya aina vinachuja gridi hadi familia moja. Kila kitu kinaendeshwa kwenye kivinjari chako kutoka marejeleo yaliyojengwa ndani, bila chochote kutumwa kwenye seva.

Jinsi ya kutumia Marejeleo ya Vipimo vya CSS

  1. Tafuta kipimo kwa token, jina au maana — kwa mfano rem, viewport width au angle.
  2. Tumia vibao vya aina kuchuja gridi hadi vipimo kamili, vinavyohusiana na fonti, viewport, container, grid, angle, time, resolution au percentage.
  3. Soma maelezo ya kila kipimo na dokezo lake la "wakati wa kutumia" kuchagua sahihi.
  4. Bofya kitufe cha kunakili kupata token ya kipimo kwa stylesheet yako.

Maswali yanayoulizwa mara kwa mara

Tumia rem kwa ukubwa wa fonti na chochote kinachopaswa kubadilika kulingana na ukubwa wa maandishi anaopendelea mtumiaji — rem inafuata ukubwa wa fonti ya root, hivyo mipangilio ya ufikivu wa kivinjari inafanya kazi. Tumia px kwa vitu vinavyopaswa kubaki thabiti kioptikali, kama mipaka nyembamba.

em inahusiana na ukubwa wa fonti ya elementi ya sasa yenyewe, hivyo elementi zilizowekwa ndani ya nyingine zinaongeza thamani; rem daima inahusiana na elementi ya root, ikitoa matokeo yanayotabirika. Ndiyo maana rem imekuwa chaguo la default kwa nafasi na mizani ya aina.

Vivinjari vya simu vinaonyesha na kuficha upau wake wa zana, vikibadilisha urefu unaoonekana, wakati vh inabaki fasta kwenye ukubwa mkubwa wa mpangilio. Kipimo cha dvh kinafuata urefu halisi unaoonekana wakati vipau vinasogea, na svh/lvh vinabaki kwenye hali ndogo zaidi na kubwa zaidi.

fr inagawanya nafasi huru ya container ya grid kwa sehemu: grid-template-columns: 2fr 1fr inatoa safu ya kwanza mara mbili ya upana uliobaki wa ya pili, baada ya nyimbo fasta na nafasi kutolewa. Ipo tu ndani ya ufafanuzi wa nyimbo za grid.

Vinapima elementi kuhusiana na container yake ya karibu ya query badala ya viewport: cqw ni 1% ya upana wa container, cqi 1% ya ukubwa wake wa mstari. Vinaruhusu kipengele kubadilika kulingana na sanduku linaloishi ndani yake, bila kujali ukubwa wa skrini.

Ndiyo. Vipimo vyote 45 vimeandikwa bure kwenye ukurasa unaoendeshwa kabisa kwenye kivinjari chako — hakuna kujisajili, hakuna maombi kwenye seva.

Unahitaji msaada?
Umepata tatizo na zana hii? Tujulishe timu yetu.
Ripoti tatizo

Ongeza zana hii ya bure kwenye tovuti yako mwenyewe — nakili na ubandike msimbo ulio hapa chini.