Phalcon
- 8 ответов
- 0 вопросов
7
Вклад в тег
html {
font-size: calc(6.25% + 1px - 1px) /* (100% * 1px / 16px = 6.25 | 1rem = 1px) */
/* 6.25% + 1px - 1px = 6.25%, логично, забавно */
}
body {
font-size: 16rem; /* 16px */
margin: 16rem; /* 16px */
}
html {
font-size: calc(6.25% + 0px) /* (100% * 1px / 16px = 6.25 | 1rem = 1px) */
/* 6.25% + 0px = 6.25%, все также логично, только еще проще и "страннее" */
}
font-size: 0.3px
. Даже font-size: calc(6.25%)
, который везде равен 6.25%
(в хром, конечно же, не меньше 6px), равен там 0.3px
./* Использование em вместо % */
html {
font-size: 6.25%; /* (font-size: .0625em) на всякий случай */
font-size: calc(1em * .0625)
}
.0625em
? Это объясняется багом в IE, в котором единицы высчитываются неверно.rem
подобно px
! Just use It!