SORU
21 Ocak 2013, PAZARTESİ


Font-size duyarlı hale getirmek için saf CSS karakter dinamik miktarına bağlı

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?

CEVAP
2 Mayıs 2013, PERŞEMBE


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

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • DorkmanScott

    DorkmanScott

    14 NİSAN 2006
  • Migs351

    Migs351

    3 HAZİRAN 2007
  • Vagrant Records

    Vagrant Reco

    8 Mayıs 2006