Bu oldukça kolay Javascript ile çözülebilir olduğunu biliyorum, ama sadece saf CSS bir çözüm ilgileniyorum.

Her zaman sabit bir div içine sığacak şekilde dinamik bir şekilde yeniden metin için bir yol istiyorum. Burada örnek işaretleme:

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

Belki bu ems konteyner genişliğini belirleyerek mümkün olabilir diye düşünüyordum, ve yazı tipi boyutunu almak o değeri miras?

Ben sadece bu VW birimleri kullanarak mümkün olduğunu öğrendim. Birimler görünüm penceresi genişliği ayarı ile ilişkilidir. Bazı dezavantajları, eski tarayıcı desteği eksikliği gibi vardır, ama bu kesinlikle ciddiye kullanmayı düşünün için bir şeydir. Artı hala gibi eski tarayıcılar için fallbacks sağlayabilir:

p {
    font-size: 30px;
    font-size: 3.5vw;
}

http://css-tricks.com/viewport-sized-typography/ ve https://medium.com/design-ux/66bddb327bb1