|
Večina domačih oblikovalcev rada uporablja px, medtem ko večina tujih spletnih strani uporablja jih in rem, zato se zanima, kakšna je razlika med temi tremi in kakšne so prednosti ter slabosti vsakega? Naj vam dam podroben uvod. Funkcije PX: 1. IE ne more prilagajati velikosti pisave tistih, ki uporabljajo px kot enoto; 2. Razlog, zakaj je mogoče prilagoditi večino tujih spletnih strani, je, da uporabljajo em ali rem kot enote pisave; 3. Firefox lahko prilagaja px, em in rem, vendar več kot 96 % kitajskih uporabnikov interneta uporablja brskalnik IE (ali jedro). PX piksle. Relativne dolžinske enote. Pixel px je sorazmeren z ločljivostjo zaslona monitorja. (Citirano iz priročnika CSS2.0) em je relativna enota dolžine. Velikost pisave glede na besedilo znotraj trenutnega objekta. Če velikost pisave v vrstici ni umetno določena, bo sorazmerna z privzeto velikostjo pisave brskalnika. (Citirano iz priročnika CSS2.0) Privzeta višina pisave za vsak brskalnik je 16px. Vsi neprilagojeni brskalniki so skladni: 1em=16px. Nato 12px=0,75em, 10px=0,625em. Za poenostavitev pretvorbe velikosti pisave morate v izbirniku telesa v css deklarirati velikost pisave=62,5 %, kar pomeni, da je em vrednost 16px*62,5%=10px, tako da 12px=1,2em, 10px=1em, kar pomeni, da morate le deliti svojo izvirno vrednost px z 10 in jo nato zamenjati z em kot enoto. Funkcije EM: 1. Vrednost em ni fiksna; 2. Em podeduje velikost pisave nadrejenega elementa. Torej, ko pišemo CSS, moramo biti pozorni na dve stvari: 1. V izbirniku telesa označite velikost pisave=62,5 %; 2. Svojo prvotno vrednost px delite z 10 in jo zamenjajte z em kot enoto; 3. Ponovno izračunajte em vrednosti teh povečanih pisav. Izogibajte se ponavljajočim se izjavam o velikosti pisave. To pomeni, da se izognemo pojavu 1,2 * 1,2 = 1,44. Na primer, če v #content deklarirate velikost pisave 1.2em, potem lahko pri deklaraciji velikosti pisave p ostane samo 1em, ne 1.2em, ker ta em ni ta em, in postane 1em=12px, ker podeduje višino pisave #content. Značilnosti REM faze REM je nova relativna enota (koren EM), dodana CSS3, ki je pritegnila veliko pozornosti. Kakšna je razlika med to napravo in EM? Razlika je v tem, da ko uporabiš rem za nastavitev velikosti pisave za element, je to še vedno relativna velikost, relativni pa je le HTML korenski element. Ta enota združuje prednosti relativne in absolutne velikosti, s čimer lahko ne le spremeni le osnovni element in sorazmerno prilagodi vse velikosti pisav, ampak se tudi izogne verižni reakciji združevanja velikosti pisav plast za plastjo. Trenutno je REM podprt v vseh brskalnikih razen IE8 in starejših. Za brskalnike, ki tega ne podpirajo, je odgovor prav tako zelo preprost, in sicer, da napišejo absolutno enotno izjavo. Ti brskalniki ignorirajo velikost pisave, nastavljeno z REM. Tukaj je primer: p {font-size:14px; velikost pisave: .875rem; } Opomba:Izbira enot pisave je v veliki meri odvisna od vašega projekta, in če vaša baza uporabnikov uporablja najnovejšo različico brskalnika, je priporočljiv REM, če je združljivost pomembna, uporabite px ali oboje. Tukaj je naslov orodja za pretvorbo enot px, em, rem:http://pxtoem.com/
| 
Objavljeno na 21. 03. 2017 09:31:50
|
|
|
