Загрузка...

How to calculate % line height?

Thread in Frontend created by arimasatoru Oct 19, 2024. 166 views

  1. arimasatoru
    arimasatoru Topic starter Oct 19, 2024 0 Jul 22, 2024
    Начал верстать недавно и в видео уроке показали line height сначала в пикселях, а потом в процентах. Но не под каждый размер ведь одни и те же проценты? Как расчитать проценты для нужного мне размера? Например в гугле мне пишут что 16px = 150%, а для 20px = ???%
     
  2. NeRabotayi
    NeRabotayi Oct 19, 2024 :catboom: 310 Oct 8, 2024
    Ну смотри, line-height это высота строки. Если хочешь быстро считать, то прикидывай 100% как 1.

    Т.е 16px(это твой шрифт) умножить на 1(это line-height и это 100%) = 16px, высота строки будет соответствовать высоте шрифта.

    если 150%, то коэффициент 1,5, 16x1,5=24px,
    если 200%, то коэффициент соответственно 2.
    16x2=32px будет твой line-height.
     
Loading...
Top