Cách thay đổi kích thước phông chữ tương ứng với kích thước div

Question

Tôi đang cố gắng tạo trang web nơi các trang thay đổi kích thước kích thước cửa sổ khi đang di chuyển. Trong khi chúng tôi có thể nhận được hình ảnh và như vậy để thay đổi kích thước tự động như là một% của kích thước div. Chúng tôi dường như không thể thay đổi kích thước văn bản trong một div thành% tương đối của vùng chứa.

Tính năng này sẽ cần phải hoạt động khi cửa sổ trình duyệt được thay đổi kích thước mà không phải làm mới trang.

Trang web cơ bản và đang sử dụng js, css, html. Phương pháp đơn giản nhất có thể sẽ được đánh giá cao, nhưng mọi giải pháp đều tuyệt vời.

Cảm ơn

Answer 1

thậm chí còn sử dụng% cho văn bản. http://w3schools.com/cssref/css_units.asp

Answer 2

Cách sử dụng truy vấn phương tiện?

Answer 3

Whipped lên một số ví dụ để điều chỉnh kích thước phông chữ trên thay đổi kích thước div. Sử dụng tỷ lệ phần trăm trong div cha và điều chỉnh kích thước phông chữ có nên làm các trick.

http://jsfiddle.net/744A2/

Answer 4

Vì vậy, bạn có thể sử dụng screen.availHeight để tính toán một giá trị không đổi mà bạn có thể nhân với kích thước phông chữ.

window.onload = function() { 
    document.body.style.fontSize = (Math.ceil(screen.availHeight * parseInt(document.body.style.fontSize)/600) + 'px'; 
}