Как зафиксировать блок при уменьшении transform: scale() (css)?

Question

[historydev]

Доброй ночи кофеманы и it маньяки.Вопрос вот в чём.
Я динамический меняю блок с текстом в зависимости от кол-ва символов так, чтобы он помещался в другом блоке.
Но он при этом теряет ширину и смещается, а мне нужно чтобы он стоял как вкопанный.

Вот это использую:

transform: scale(x,'1.0');

Помогите пожалуйста.

Comments

[Rustam Bainazarov]

Ничего не понял, как он должен стоять? Какой вкопанный? Transform не влияет на габариты блока, поэтому с помощью него вы его не уменьшите. Он будет уменьшаться лишь только визуально, сохраняя все свои размеры и положение.

[historydev]

Рустам Байназаров, фиксированно, чтобы допустим сужался только текст внутри, либо блок но он не смещался никуда, стоял на месте(как вкопан)

[Rustam Bainazarov]

Владимир, меняйте значение размера шрифта при добавлении текста. Можете использовать vw для размера текста, вот только с ростом его количества всё равно надо будет его вписывать и менять значение.

Где-то я видел пример готового кода.

[historydev]

Рустам Байназаров, да я уже пробовал, не помогло

[Rustam Bainazarov]

Владимир, плохо пробовали, конечно, раз не помогло.

А ещё бы пример кода нужен, что логично.

[Stalker_RED]

Владимир, вот этот куда-то едет или стоит?

[Rustam Bainazarov]

Stalker_RED, поездка Шредингера. Одновременно и едет, и стоит.

[historydev]

Stalker_RED, это не то, Рустам прав, извините за поздний ответ, я думал я отправил