Ширина объекта привязана к ширине окна. Как задать высоту равную ширине?

Question

[lanvin lanvin07]

Ширина объекта - 10% ширины окна.
Как задать высоту объекта равную ширине, чтобы объект оставался квадратом независимо от экранных пропорций устройства?

Comments

[Алексей]

Обязательно без скриптов?
Если можно скрипты, то codepen.io/anon/pen/QNmqqw

Answer 1

[Денис]

Пример в песочнице

div {
    width: 10%;
    height: 10vw;
}

Comments

[Lertmind]

Зачем calc(100vw / 10), когда можно записать просто 10vw?

[Денис]

Lertmind вы невнимательно читали вопрос. "привязать к ширине окна" !== "установить значение ширины окна"

[Николай]

Денис: не очень понятно, о чём вы. Можете пояснить?

[Денис]

Николай еще раз перечитал комментарий Lertmind и выходит, что это я не внимательный. Показалось, что написано 100vw, а на самом деле - 10vw. Посему, приношу извинения... ночька тяжёлой выдалась.

[Николай]

Денис: да ничего страшного. Поправьте пожалуйста ответ, всё таки calc тут лишний : )

Answer 2

[Lertmind]

Возможно это ответ www.mademyday.de/css-height-equals-width-with-pure...