Lilo Ems lati yi iwọn titobi pada
Nigba ti o ba kọ oju-iwe ayelujara kan, ọpọlọpọ awọn akosemose ṣe iṣeduro pe o ni iwọn pupọ (ati ni otitọ, ohun gbogbo) pẹlu iwọn iru kan gẹgẹbi awọn ems, exs, percentages, or pixels. Eyi jẹ nitori iwọ ko mọ gbogbo awọn ọna oriṣiriṣi ti ẹnikan le wo akoonu rẹ. Ati pe ti o ba lo iwọn idiwọn (inṣi, centimeters, millimeters, points, or picas) o le ni ipa ni ifihan tabi kika ti oju-iwe ni awọn oriṣiriṣi awọn ẹrọ.
Ati W3C ṣe iṣeduro pe ki o lo awọn emu fun titobi.
Ṣugbọn Bawo ni Ńlá jẹ Em?
Gẹgẹbi W3C ẹya em:
"jẹ dogba si iye ti a ṣe ayẹwo ti 'ohun-iwọn' ohun-ini ti aṣiṣe ti a lo lori rẹ. Iyatọ jẹ nigbati 'em' waye ni iye ti ohun-elo 'font-size' funrararẹ, ninu idi wo o n tọka si si iwọn fonti ti awọn obi obi. "
Ni gbolohun miran, awọn ems ko ni iwọn iwọn. Wọn gba lori iye iwọn wọn da lori ibi ti wọn wa. Fun ọpọlọpọ awọn apẹẹrẹ awọn oju-iwe ayelujara , eyi tumọ si pe wọn wa ni oju-iwe ayelujara, bẹ aami ti o jẹ 1m tall jẹ iwọn kanna to iwọn iwọn aiyipada fun aṣàwákiri naa.
Ṣugbọn bawo ni iwọn aiyipada naa jẹ? Ko si ona lati wa 100% diẹ, nitori awọn onibara le yi iwọn iwọn aiyipada wọn pada ninu awọn aṣàwákiri wọn, ṣugbọn niwon ọpọlọpọ awọn eniyan kii ṣe o le ro pe ọpọlọpọ awọn aṣàwákiri ni iwọn ijẹrisi aiyipada ti 16px. Nitorina julọ ti akoko 1em = 16px .
Ronu ni Pixels, Lo Ems fun Iwọn
Lọgan ti o ba mọ pe iwọn aiyipada aiyipada jẹ 16px, o le lo awọn irọlẹ lati gba ki awọn onibara rẹ pada si oju-iwe ni rọọrun ṣugbọn ronu ninu awọn piksẹli fun titobi titobi rẹ.
Sọ pe o ni iru nkan bi nkan bayi:
- Akọle 1 - 20px
- Akọle 2 - 18px
- Akọle 3 - 16px
- Ọrọ akọkọ - 14px
- Oro-ọrọ - 12px
- Awọn Akọsilẹ - 10px
O le ṣe itumọ wọn ni ọna ti o nlo awọn piksẹli fun wiwọn, ṣugbọn nigbana ẹnikẹni ti o lo IE 6 ati 7 kii yoo ni agbara lati ṣe atunṣe oju-iwe rẹ daradara. Nitorina o yẹ ki o yi awọn titobi pada si ems ati pe eyi jẹ ọrọ kan ti awọn iwe-ẹkọ-ọrọ:
- Akọle 1 - 1.25em (16 x 1.25 = 20)
- Akọle 2 - 1.125m (16 × 1.125 = 18)
- Akọle 3 - 1m (1m = 16px)
- Ọrọ akọkọ - 0.875em (16 x 0.875 = 14)
- Oro aaye - 0.75em (16 x 0.75 = 12)
- Awọn Akọsilẹ - 0.625m (16 x 0.625 = 10)
Maṣe Gbagbe Iforukọsilẹ!
Ṣugbọn kii ṣe pe gbogbo wa ni lati wa. Ohun miiran ti o nilo lati ranti ni pe wọn gba iwọn iwọn obi naa. Nitorina ti o ba ni awọn ohun elo ti o ni oye pẹlu titobi oriṣiriṣi awọ, o le pari pẹlu fonti ti o kere ju tabi o tobi ju ti o reti.
Fun apeere, o le ni folda ti ara bi eyi:
p {font-size: 0.875em; }
Ilana Iwon-titẹ sii: 0.625; }
Eyi yoo mu ki awọn nkọwe ti o jẹ 14px ati 10px fun akọsilẹ akọkọ ati awọn ẹsẹ ẹsẹ lẹsẹsẹ. Ṣugbọn ti o ba fi akọsilẹ sinu iwe-ọrọ kan, o le pari pẹlu ọrọ ti o jẹ 8.75px ju 10px. Gbiyanju o funrarẹ, fi eyi ti o wa loke CSS ati awọn HTML ti o tẹle sinu iwe-ipamọ kan:
Ẹrọ yii jẹ 14px tabi 0.875 ems ni giga.
Abala yii ni atokasi iwe ninu rẹ.
Nigba ti eleyi jẹ apejuwe ọrọ aṣalẹ.
Ọrọ ọrọ-ọrọ ẹsẹ jẹ gidigidi lati ka ni 10px, o fere fere ni ofin ni 8.75px.
Nitorina, nigba ti o nlo awọn ems, o nilo lati wa ni oye pupọ ti awọn nkan obi, tabi iwọ yoo pari pẹlu awọn eroja ti o dara pupọ lori oju-iwe rẹ.