Cad é an difríocht idir em agus px i CSS?


freagra 1:

Sa deireadh, is picteilíní ar fad é

I ndeireadh na dála, tugann an brabhsálaí gréasáin treoir don chóras oibriúcháin treoir a thabhairt do thiománaí scáileáin rud éigin i bpicteilíní a thabhairt chuig scáileán.

Is picteilín fisiceach é an "picteilín" seo, áfach. Is é an rud a d'fhéadfaimis "picteilíní feiste" a ghlaoch air.

Níl tú ag caint faoi "picteilíní feiste". Labhraíonn tú faoi picteilíní CSS.

Picteilíní CSS! == picteilín

Tá “picteilín CSS” cosúil le picteilín feiste. [1] Tá picteilín CSS bunaithe ar an smaoineamh "picteilín tagartha", arb é uillinn féachana feiste le dlús picteilín de 96 dpi ag fad thart ar lámh amháin. [2] Mar gheall ar chumhacht na matamaitice, d’fhéadfadh go dtiocfadh deireadh leis an “picteilín tagartha” 1.3 mm ar scáileán. Mar sin féin, tá roinnt cúiseanna ann nach bhféadfadh a bheith amhlaidh.

Tá sé tábhachtach go dtosóimid leis an bpointe bunúsach nach gciallóidh px "picteilín ar scáileán".

Tá aonaid tomhais éagsúla i CSS

Tá dhá phríomhchatagóir d’aonaid tomhais [3]:

  1. aonaid iomlána aonaid choibhneasta

Más “aonad glan” é, tá gaol ag an aonad tomhais seo le rud éigin sa domhan fisiceach.

Más aonad coibhneasta é, ríomhtar an luach in aonad iomlán.

Mar sin px vs em

is "aonad glan" é px; Treoraíonn inneall CSS don bhrabhsálaí an “fad” seo a úsáid le haghaidh méideála. Déanann an brabhsálaí agus an córas oibriúcháin sórtáil agus rindreáil ar an gcaoi a gcuirtear an fad seo i gcomparáid le "picteilín feiste". Tá gaol statach ag Px leis na “picteilíní tagartha” ar labhair muid fúthu níos luaithe. px ní athróidh sé.

is "aonad coibhneasta" é em. Ríomhann inneall CSS an luach seo ar dtús i fad picteilín. Tar éis an fad picteilín a ríomh, cuirtear an luach ríofa ar aghaidh chuig an mbrabhsálaí. Ríomhtar em go háirithe bunaithe ar chlómhéid coibhneasta na dúile atá ann. Is féidir le luach em athrú; Bíonn tionchar ag athrú clómhéid eilimint tuismitheora ar luach em.

Is é an bealach is fearr le smaoineamh orthu ná ligean ort go bhfuil an giota as láthair agus an luach a láimhseáil mar iolraitheoir. eg:

.foo {clómhéid: 1.5em; / * mearbhall * / clómhéid: 1.5; / * Níl sé bailí, ach ba cheart é a úsáid go hiomlán in ionad em * / airde líne a ghlaoch: 1.5; / * féach conas a ghlacann airde as a chéile iolraitheoir gan aonad? * /}

Mar sin is é an chéad difríocht mhór ná go bhfuil ceann amháin iomlán agus an ceann eile coibhneasta.

px agus em in úsáid

Cuirfidh cásanna difriúla béim ar bhuanna agus laigí gach aonaid [4].

Ós rud é gur aonad tomhais iomlán é px, tá leibhéal ard intuarthachta agat maidir leis an méid a gheobhaidh tú ar an scáileán. Ach níl aon chomhréireacht agat; Ní dhéantar airíonna méid px a athríomh nuair a athraíonn tú clómhéid i dtuismitheoir.

Mar sin is minic a thagann tú trasna air:

comhlacht {clómhéid: 16px;} h1 {clómhéid: 32px; / * aonaid iomlána do chlómhéid * / stuáil: 8px 16px; / * aonaid iomlána le líonadh * /} .foo {clómhéid: 12px; / * Coigeartaigh clómhéid in eilimint ardleibhéil * /} / * scríobh riail nua atá leagtha síos chun comhréireacht * / .foo h1 {clómhéid: 24px a chinntiú; / * riail cló a athscríobh chun h1 2x a dhéanamh gnáth * / stuáil: 6px 12px; / * Athscríobh le haghaidh 1/4 agus 1/2 * /}

Toisc gur aonad coibhneasta é em atá bunaithe ar an gclómhéid oidhreachta, d’fhéadfadh go mbeadh intuarthacht an méid a gheobhaidh tú ar an scáileán bocht - go háirithe i bhfoirne móra. Ach beidh tú an-comhréireach; Déantar airíonna a bhfuil a méid socraithe in em a athríomh má athraíonn tú an clómhéid in eilimint tuismitheora.

comhlacht {clómhéid: 16px;} h1 {clómhéid: 2em; / * aonad coibhneasta * / stuáil: .25em .5em; / * aonaid choibhneasta le haghaidh stuáil * /} .foo {clómhéid: .75em; }}

Mar sin shábháil tú riail iomlán a scríobh le em. Ríomhtar an clómhéid ar 24px agus ríomh an stuáil ar 6px 12px.

Mar sin is é an difríocht mhór ná an cumas a bheith comhréireach le méid rudaí - gan níos mó cód a scríobh!

Fonótaí

[1] Comhréir agus cineálacha bunúsacha sonraí

[2] Modúl leibhéal 3 do luachanna agus aonaid CSS

[3] Cén difríocht atá idir "em", "px" agus "%" i CSS?

[4] Is éard atá i gceist le láithreáin ghréasáin sofhreagracha tomhas (i do CSS).


freagra 2:

px is picteilín. D’fhéadfadh sé a bheith beagán difriúil i mbrabhsálaithe éagsúla, ach is dóigh go mbeidh sé comhsheasmhach sa timpeallacht chéanna agus ar shuíomh Gréasáin i mbrabhsálaí / feiste áirithe. déanann px ciall do rudaí mar leithead líne agus teorann.

Is é em clómhéid na heiliminte reatha (a fhaightear le hoidhreacht de ghnáth). Mar sin má athraíonn méid an chló, athraíonn luach em freisin. Tá sé seo úsáideach nuair is mian leat rud éigin a chur i gcoibhneas le méid reatha an téacs. Tá sé úsáideach freisin toisc go bhfuil sé i gcoibhneas le hábhar eile, mar sin is dóichí go n-oibreoidh sé ar fud scáileáin. tá em an-úsáideach chun spásanna, teorainneacha agus téacs stuála a shocrú.

rem is root em. Tá sé díreach cosúil le em, ach in ionad a bheith i gcoibhneas leis an gclómhéid reatha, tá sé i gcoibhneas le clómhéid bunaidh an doiciméid. Ciallaíonn sé seo go bhfanann rem comhsheasmhach ar leathanach beag beann ar an gcló reatha. Tá sé níos éasca oibriú le rem i go leor cásanna toisc go bhfuil sé níos intuartha. Tá sé seo úsáideach go háirithe maidir le corrlaigh a chaithfidh a bheith comhsheasmhach i ndoiciméad, fiú má athraíonn na clómhéid áitiúla idir na heilimintí.

Go ginearálta, tá sé níos éasca em agus rem a choinneáil ar leathanach, agus is é an comhaontú ginearálta faoi láthair em agus rem a úsáid in ionad px. Ní bhíonn an comhaontú ginearálta ceart i gcónaí, ach is bealach maith é chun é a dhéanamh mura bhfuil cúis agat a mhalairt a dhéanamh.


freagra 3:

px is picteilín. D’fhéadfadh sé a bheith beagán difriúil i mbrabhsálaithe éagsúla, ach is dóigh go mbeidh sé comhsheasmhach sa timpeallacht chéanna agus ar shuíomh Gréasáin i mbrabhsálaí / feiste áirithe. déanann px ciall do rudaí mar leithead líne agus teorann.

Is é em clómhéid na heiliminte reatha (a fhaightear le hoidhreacht de ghnáth). Mar sin má athraíonn méid an chló, athraíonn luach em freisin. Tá sé seo úsáideach nuair is mian leat rud éigin a chur i gcoibhneas le méid reatha an téacs. Tá sé úsáideach freisin toisc go bhfuil sé i gcoibhneas le hábhar eile, mar sin is dóichí go n-oibreoidh sé ar fud scáileáin. tá em an-úsáideach chun spásanna, teorainneacha agus téacs stuála a shocrú.

rem is root em. Tá sé díreach cosúil le em, ach in ionad a bheith i gcoibhneas leis an gclómhéid reatha, tá sé i gcoibhneas le clómhéid bunaidh an doiciméid. Ciallaíonn sé seo go bhfanann rem comhsheasmhach ar leathanach beag beann ar an gcló reatha. Tá sé níos éasca oibriú le rem i go leor cásanna toisc go bhfuil sé níos intuartha. Tá sé seo úsáideach go háirithe maidir le corrlaigh a chaithfidh a bheith comhsheasmhach i ndoiciméad, fiú má athraíonn na clómhéid áitiúla idir na heilimintí.

Go ginearálta, tá sé níos éasca em agus rem a choinneáil ar leathanach, agus is é an comhaontú ginearálta faoi láthair em agus rem a úsáid in ionad px. Ní bhíonn an comhaontú ginearálta ceart i gcónaí, ach is bealach maith é chun é a dhéanamh mura bhfuil cúis agat a mhalairt a dhéanamh.