% Genişlik ve yükseklik, ölçekler dış etkenlere bağlı olarak çok olan bir kap var. Kabın içindeki yazı tipi sabit büyüklükte konteynırlar boyutu ile orantılı olmak isterdim. Herhangi bir iyi bir yolu bunu yapmak için CSS kullanan var mı? font-size: x% sadece orijinal yazı tipi boyutunu 100%) göre yazı tipi ölçek.

Eğer font-size görüş yüzdesi olarak genişliği ayarlamak istiyorsanız, vw unit kullanın:

#mydiv { font-size: 5vw; }

Diğer alternatif SVG HTML gömülü kullanmaktır. Sadece birkaç satır olacak. Font-size özniteliği metin öğesi olarak yorumlanacaktır "kullanıcı üniteleri", örneğin bu görüş açısından tanımlanır. Bu yüzden görünüm penceresi 0 0 100 100, 1 yazı tipi-boyut olarak tanımlarsanız bir-yüzüncü svg eleman boyutu olacaktır.

Ve hayır, CSS hesaplamaları kullanarak bunu yapmak için bir yol yoktur. Sorun yüzdeler yazı tipi boyutu için kullanılan bir hesaplama içinde yüzdeleri de dahil olmak üzere, kalıtsal yazı tipi boyutu, kabın boyutu açısından yorumlanır. CSS div { font-size: 5bw; } ama hiç bu önerilen duydum ki böylece bu amaç için bir birim bw (kutu genişliği) denir kullanabilirsiniz.