Истифодаи матн барои тағйир додани андозаи ҳарф
Ҳангоми сохтани веб саҳифа, бештари мутахассисон тавсия медиҳанд, ки шумо ба андозаи андозаи андоза (ва дар асл, ҳама чиз) бо андозаи нисбӣ, аз он ҷумла ссм, миқдор, фоизи пикселҳо. Ин аст, ки шумо дар ҳақиқат ҳамаи роҳҳои гуногунро намедонед, ки касе метавонад мундариҷаи худро бинад. Ва агар шумо андозаи мутлақро истифода баред (дюйм, сметиметрҳо, millimeters, нуқтаҳо ё пикасҳо) он метавонад нишон дода шавад ё хонда шавад, ки саҳифа дар дастгоҳҳои мухталиф таъсир мерасонад.
Ва W3C тавсия медиҳад, ки шумо истифода аз ems барои андозаи.
Аммо чӣ қадар калон аст Em?
Мувофиқи W3C:
"ба арзиши маҷмӯии хосияти" font-size "-и элементе, ки дар он истифода шудааст, баробар аст. Истисно аз он вақте, ки" em "дорои арзиши тасвири" font-size "мебошад, ки дар он ҳолат ба андозаи ҳарфи элементи волидайн. "
Ба ибораи дигар, андозаи мутлақ вуҷуд надорад. Онҳо арзишҳои андозаи онҳоро дар асоси он доранд, ки онҳо дар куҷо ҳастанд. Барои аксари тарроҳони веб , ин маънои онро дорад, ки онҳо дар веб браузер ҳастанд, бинобар ин, ҳарфи шрифт, ки 1em дароз аст, андозаи ҳамон андозаи андозаи почтаи барои ин браузер мебошад.
Аммо андозаи андозаи андоза баланд аст? Мебошанд, то 100% муайян, зеро мизоҷон метавонанд андозаи стандартии пешфарзро дар браузерҳои худ тағйир диҳанд, аммо азбаски аксарияти одамон шумо наметавонед фикр кунед, ки бештари браузерҳо дорои андозаи стандартии андозаи 16px мебошанд. Пас аксарияти вақт 1ем = 16px .
Масалан, дар Pixels андеша кунед, Истифодаи энергия барои ченкунӣ
Пас аз он ки шумо медонед, ки андозаи почтаи оддӣ 16px аст, шумо метавонед пас аз фиристодан ба иҷозати мизоҷони худ ба саҳифа ба осонӣ тағир кунед, вале дар пикселҳо барои андозаи ҳарфҳои худ фикр кунед.
Бигӯед, ки сохтори секунҷа чунин якбора чунин аст:
- Сарлавҳа 1 - 20px
- Сарлавҳаи 2 - 18px
- Сарлавҳа 3 - 16px
- Матни асосӣ - 14px
- Матни зер - 12px
- Далелҳо - 10px
Шумо метавонед, ки роҳҳои истифодаи пикселҳо барои андозагириро муайян кунед, вале баъд аз он, ки IE 6 ва 7 истифода мешавад, шумо саҳифаро беҳтар карда наметавонед. Пас, шумо бояд андозаи онро ба кор андозед ва ин танҳо якчанд матн аст:
- Сарлавҳа 1 - 1.25м (16 x 1.25 = 20)
- Сарлавҳа 2 - 1.125ем (16 × 1.125 = 18)
- Сарлавҳаи 3 - 1ем (1ем = 16px)
- Матни асосӣ - 0,875м (16 x 0.875 = 14)
- Матни поён - 0,75м (16 x 0.75 = 12)
- Далелҳо - 0.625м (16 x 0.625 = 10)
Ҳудуди худро аз хотир набароред!
Аммо ин ҳама нест, ки ба нафъи он аст. Дигар чизе, ки шумо бояд ба ёд оред, он аст, ки онҳо ба андозаи волидон мегиранд. Пас, агар шумо элементҳоро бо ҳарфҳои гуногуни ҳарфҳо дошта бошед, шумо метавонед бо ҳарфҳои хурдтар ва ё калонтар аз шумо интизор шавед.
Масалан, шумо метавонед як варақаи сабки монанди ин дошта бошед:
p {font-size: 0.875ем; }}
.footnote {font size: 0.625ем; }}
Ин ба функсияҳое, ки 14px ва 10px доранд, мутаносибан ба матн ва почтаи он оварда мерасонанд. Аммо агар шумо дар дохили як параграф гузошта бошед, шумо метавонед бо матн, ки 8.75px на 10px аст, тамом кунед. Худро санҷед, ин дар боло CSS ва HTML ба ҳуҷҷати зерин гузошта шудааст:
Ин суруди 14px ё 0,875 дар баландии баланд аст.
Ин брошураро дар он шарҳ медиҳем.
Ҳатто ин параграфи содда аст.
Матнҳои матнӣ дар 10px хондан душвор аст, он қариб 8,75пф аст.
Пас, вақте ки шумо истифода ss, шумо бояд аз андозаи объекти волидайн хеле огоҳ бошед, ё шумо бо баъзе унсурҳои воқеан пароканда дар саҳифаи шумо хотима меёбад.