Един от най-объркващи неща в CSS е да се използва шрифта собственост на мащаба на текст. В CSS, имате четири основни единици, с които можете да настройвате размера на текста. Кои от тези четири блока е най-подходящ за мрежата? Този въпрос е довела до една вихрушка от аргументи и спорове. Крайният Отговорът на този въпрос е много трудно, тъй като самият въпрос не е прост.

Познаването CSS мерни единици

И така, какво е разликата?

Разликата между единица мярка е най-добре разбрано чрез пример. Като цяло, 1em = 12pt = 16px = 100%. Но какво се случва, ако увеличите размера на шрифта база, например, да изложи на маркер за размер на шрифта: 120%.

Както можете да видите по-горе, с увеличаване на размера на шрифта база, шрифт в ем и процент също се е увеличил, но шрифтът е базиран на пиксела и точки не са се увеличили. Разбира се, вие можете лесно да зададете абсолютна размер на текста, но за посетители е по-добре, ако използвате мащабируема текст да се показва правилно на всяко устройство. Поради тази причина ги и проценти са предпочитани за мрежата.

Ем vs. интерес

Открихме, че пикселите на единица продукция и елементите, които не са най-доброто решение за мрежата, така че ние останахме с проценти и ги. На теория и ги и пиксел са идентични, но на практика, те имат няколко малки разлики, които трябва да бъдат взети под внимание.

Например, в примера по-горе, ние използваме процентите на база шрифт (телесно маркер) размер. Ако промените в базата главен шрифт (сто), за да ги (т.е. тяло ), Вие не можете да забележите разликата. Да видим какво се случва, когато размера на шрифта тялото маркер е 1em. и потребителят реши да промени размера на шрифта - опцията "Размер на текста" в настройките на браузъра си (това е възможно на някои браузъри, например, IE).

Когато размерът на браузъра текст се задава на "средно", вие няма да забележите разликата между им и проценти. Все пак, ако промените настройката, разликата ще бъде забележим. Например, когато "малък", ги значително по-малко на сто, а при "Най-голям", срещу, ги превърна по-голям интерес. Въпреки че много може да се твърди, че скалата ги като необходимостта да се практикуват везни ги прекалено бързо, и с малко количество става нечетлив на някои екрани.

На теория, блоковете им и процентите оптимална стандартни за мрежата, но на практика, лихви по удобен за потребителя. Когато потребителят промени настройките на текста в браузъра, процентите се мащабират в браузъра е по-разумно, което позволява на дизайнерите да поддържат четливост, достъпност и визуален дизайн.