Я изучал способы создания шестиугольника только с CSS и нашел решение, которое дает мне правильные шестиугольники на основе ширины:
.hexagon {
height: 100%;
width: calc(100% * 0.57735);
display: inline-block;
}
Однако код работает, создавая новые прямоугольники на основе ширины родительского элемента. Я искал способ вычисления ширины на основе родительской высоты.
Можно ли использовать свойство высоты элемента вместо ширины для calc()
? (Я не смотрю на использование vh
, поскольку ближайший родительский элемент не всегда является окном просмотра). Я googled вокруг и не мог найти ответ.