Here are the header sizes from `bootstrap.css`:
h1 {
font-size: 38.5px;
}
h2 {
font-size: 31.5px;
}
h3 {
font-size: 24.5px;
}
I was surprised by the fact that these sizes are fractional (half-integers), which suggests that their precision is at least `0.25px` (less than 1%).
How do web designers arrive at such sizes? Are they obtained by some scientific process, some calculation perhaps? Or do people simply stare at their site, playing with sizes until it feels right? How can a designer convince his teammate that it really ought to be `31.5px` and not just `31px`? I was also wondering when I say those units, I was like, well! how would a screen display half pixel? if its possible, then they are two pixels right? definitely not two half pixels.
以上就是Rationale behind font sizes in bootstrap的详细内容,更多请关注web前端其它相关文章!