Reines CSS, damit die Schriftgröße auf der Grundlage der dynamischen Zeichenanzahl anspricht

Ich weiß, dass dies ziemlich einfach mit Javascript gelöst werden kann, aber ich bin nur an einer reinen CSS-Lösung interessiert.

Ich möchte eine Möglichkeit, die Größe von Text dynamisch so zu ändern, dass er immer in ein festes div passt. Hier ist das Beispiel-Markup:

<div style="width: 200px; height: 1em; overflow: hidden;">
  <p>Some sample dynamic amount of text here</p>
</div>

Ich dachte, dass dies möglich sein könnte, indem man die Breite des Containers in ems angibt und die Schriftgröße ermittelt, um diesen Wert zu erben?

Antworten auf die Frage(10)

Ihre Antwort auf die Frage