Эмс колдонуу арип өлчөмдөрүн өзгөртүү
Эгер Желе бет куруп жаткан кезде, көпчүлүк адистер ушундай Эмса EXS, пайыздар же пиксел катары салыштырмалуу өлчөм менен ариптерин (жана чындыгында, баары) көлөмү сунуштайбыз. Бул, чынында эле, кимдир бирөө сиздин мазмунду көрүү үчүн ар кандай жолун билишпейт, себеби болуп саналат. Эгер абсолюттук чарасын колдонгон болсо (м, см, мм, упайлар, же picas) ал Түрдүү аппараттарда, беттин көрүнүшүн же окумдуулугун таасир этиши мүмкүн.
Жана W3C Сиз өлчөмдөрдү Эмс колдонууну сунуш кылат.
Бирок Em кантип Big болот?
W3C бир эм боюнча:
"Арип өлчөмү:" ал пайдаланылган турган элементтин мүлк эсептелген маанисине барабар. Чыгарма "эм" "арип өлчөмү" мүлктү өзү наркынын пайда болуп, мында ал сөз ата-эне элементтин, ариптин өлчөмүнө чейин. ",
Башка сөз менен айтканда, карайбыз абсолюттук өлчөмүн жок. Алар кайда негизинде, алардын көлөмү баалуулуктарды алып. Көпчүлүк үчүн Желе дизайнерлердин , бул алар браузерде, ошондуктан бийик 1em бир тексттин өлчөмү бирдей деп браузерден жарыяланбаган арип өлчөмү болуп саналат дегенди билдирет.
Бирок, демейки өлчөм канчалык узун болот? кардарларга өз браузерлерде алардын жарыяланбаган арип өлчөмүн өзгөртүүгө болот, 100% бир болушу үчүн эч кандай жолу жок, бирок көпчүлүк эл көпчүлүк серепчилер 16px демейки Тамганын көлөмүн деп божомолдошу мүмкүн эмес, анткени. Ошентип, убакыт 1em = 16px көпчүлүк.
Чаралар үчүн пиксел, пайдалануу Эмса ойлонуп
Сиз жарыяланбаган арип көлөмү 16px экенин билебиз кийин, анда кардарлар жонокой бет өлчөмүн жол эмес, тексттин өлчөмү боюнча пиксел ой Эмс колдоно аласыз.
Бул сыяктуу лучший структурасы бир нерсе бар деп айт:
- Башкы 1 - 20px
- Башкы 2 - 18px
- Башкы 3 - 16px
- Негизги текст - 14px
- Sub текст - 12px
- Шилтемелер - 10px
Сиз аларды өлчөө үчүн пикселди пайдалануу жолу менен аныктоого мүмкүн, бирок IE 6-жана 7-пайдаланып, андан кийин эч ким жакшы бет өлчөмүн алмак эмес. Ошентип, EMS үчүн өлчөмдөрүн айландыруу керек жана бул кээ бир математика гана керек:
- Башкы 1 - 1.25em (16 х 1,25 = 20)
- Башкы 2 - 1.125em (16 × 1.125 = 18)
- Башкы 3 - 1em (1em = 16px)
- Негизги текст - 0.875em (16 х 0.875 = 14)
- Sub текст - 0.75em (= 12 х 0,75 16)
- Шилтемелер - 0.625em (16 х 0,625 = 10)
Мурасты унутпагыла!
Бирок бул EMS жерде баары эмес. Сиз унутпашыбыз керек, башка нерсе, алардын ата-өлчөмү боюнча талап болуп саналат. ар кандай арип өлчөмү менен элементтер камтылган бар болсо, сен, сен күткөндөн көп тамгалар канча аз же көп коюу менен аякташы мүмкүн.
Мисалы, сиз бул сыяктуу стилдер жадыбалы болушу мүмкүн:
б {арип өлчөмү: 0.875em; }
Матайдын {арип өлчөмү: 0.625em; }
Бул негизги текст жана тиешелүүлүгүнө жараша шилтемелери үчүн 14px жана 10px бар тамгалар алып келет. Эгер пункттун ичинде Шилтемени салып болсо, силер эмес, 10px 8.75px текстти менен аякташы мүмкүн. аны ойлонуп көр, бул жогоруда CSS жана документ төмөнкүдөй HTML койду:
Бул тексттин 14px же 0.875 карайбыз бийиктикте турат.
Бул пункт ал бир Шилтемени бар.
Бул жөн гана шилтеме пункт болуп саналат.
шилтеме текст 10px боюнча окуу кыйын болсо, анда ал 8.75px дээрлик жараксыз болот.
Демек, силер Эмс пайдаланып жатканда, сен ата-эне объекттеринин өлчөмдөрүн абдан этият болушубуз керек, же сиз беттеги айрым чынында так өлчөмдөгү элементтери менен аякташы аласыз.