Как узнать высоту HTML блока в vmax?

Question

[Айнур Ярулин]

Здравствуйте, вообщем можно ли как-то узнать высоту блока в единицах измерения vmax, а не в px?

Answer 1

[Александр]

const vmax = element => {
    const rect = element.getBoundingClientRect();
    const denominator = Math.max(innerWidth, innerHeight);

    return {
        width: (rect.width / denominator) * 100,
        height: (rect.height / denominator) * 100
    }
};

Только надо добавлять box-sizing: border-box; чтобы ширина/высота блока корректно высчитывалась в CSS.

Comments

[Айнур Ярулин]

Сложновато, но спасибо