Альтернатива преобразованию: масштабирование в div?
У меня есть этот div:
<div class = "mycontainer"
style = "height: 50vh; width: 50vw; display: flex; align-items: center;
justify-content: center; overflow: visible" >
This is a very long text
this is a very long text
this is a very long text
this is a very long text
this is a very long text
this is a very long text
</div>
Теперь я хотел бы создать эффект, при котором div сжимается в квадрат с высотой: 35 пикселей и шириной: 35 пикселей. Очевидно, я могу установить высоту и ширину div вручную, но тогда содержимое внутри текста не будет сжиматься / масштабироваться по div. Я думаю об использовании transform: scale, но поскольку я уменьшаюсь с 50vh и 50vw до 35px, я не знаю точного числа шкалы, которое нужно использовать. Этот синтаксис тоже не работает: transform: scale(calc(80vw / 35px), calc(80vw / 35px)). Что я могу делать?
@ RokoC.Buljan Я пытаюсь использовать transform: scale, поскольку он масштабирует div вместе с его содержимым в целом. Однако, поскольку мой исходный размер измеряется в vh и vw, я точно не знаю, какой масштаб использовать, если я хочу масштабировать div до области, измеренной в пикселях.
