Как сделать, чтобы в элементе ширина была равна высоте?
Есть ли способ на чистом CSS сделать так, чтобы ширина элемента (в данном случае < button >) всегда равнялась его высоте. Высота элемента заранее неизвестна.
padding элемента указанный в процентах рассчитывается от ширины.
Таким образом, можно сделать высоту равную ширине (height: 0px, padding-bottom: 100%). Ваш запрос несколько иначе сформулирован. Поэтому Вам вроде не очень подходит.
Варианты описаны тут: https://habr.com/ru/post/542212/ https://css-tricks.com/aspect-ratio-boxes/
