Pencereyi yeniden boyutlandırdığınızda genişleyen yazı tipi boyutu

Question

Yazı tipimi HTML'de nasıl genişletirim, böylece pencereyi genişletdiğimde, metnin boyutu da genişler.

#box #text { 
    font-size: 50%; 
} 

Şimdi sağlar: Burada

gerçekleşmesini istiyorum ne bir tasviridir çeşit içinde bulunduğu kutunun boyutunun belirli bir yüzdesi alacak metin için bir yüzdesini belirlemek gibidir. #box 200px, #text ise 100px olmalıdır. Açıkçası, sitesinde dinamik bir genişlik olacağından #text için bir genişlik genişliği ayarlayamıyorum.

Answer 1

Bunu jquery'de yapın.

$(window).resize(function(){ 
    $('#box #text').css('font-size',($(window).width()*0.5)+'px'); 
}); 

Answer 2

kullanımı vh (görüntü alanı yükseklik), vw (görüntü alanı genişliği) ve/veya vm (görüntü alanı en az() boyutları küçük) tamamen CSS3 desteklemek tarayıcılarda birimi ve diğer tarayıcılar için resize dinlemek ve Razor Storm'un cevabı gibi JavaScript.

Answer 3

Destekleyen tarayıcılarda, pencerenin genişliğine bağlı olarak düzeninizi değiştirmek için CSS media queries kullanabilirsiniz.