Мне, пожалуй, проще на 10 делить, чем каждый раз делить переменную.
@function em($val, $fz: $base-font-size) {
@return ($val / $fz) * 1em;
}
padding: em(5, 14);
$base-font-size: 16px;
html {font-size: 100%; } /* 16px default */
.block {
font-size: 14px;
padding: 5px;
}
// ==>
.block {
font-size: (14px / $base-font-size) * 1rem;
padding: (5px / 14px) * 1em;
}
забросил бокс из-за этого.
Обратите внимание на черные полосы вверху и внизу правого монитора - это разность разрешений.
Если разрешение мониторов разное, то наверное никак не избавиться.
Нужно, чтобы высота была одинаковой. Если она разная, мышь будет натыкаться на "границу" экрана.