2013-08-03 79 views
5

Tác dụng của điều này là gì?Kích thước phông chữ trong Twitter Bootstrap

html {font-size: 62.5%;} 

body { 
    font-size: 14px; 
} 

Tại sao 62.5%?

+0

tôi thay đổi nội dung câu hỏi của bạn. Câu hỏi chủ yếu dựa trên ý kiến ​​là tắt chủ đề. Hỏi "Hiệu ứng của điều này" là gì, nhưng các câu hỏi khác của bạn thuộc về một diễn đàn, không phải StackOverflow. – FakeRainBrigand

Trả lời

6

Không có ảnh hưởng về vấn đề này, các body lớp kích thước phông chữ sẽ ghi đè lên tờ khai html vì nó là trong thẻ html

html {font-size: 62.5%;} thực sự có nghĩa là sử dụng 62,5 kích thước% kích thước phông chữ trình duyệt bản địa, các trình duyệt khác nhau sử dụng mặc định khác nhau kích thước phông chữ, đó là lý do tại sao có các trang đặt lại css. Để cho 62,5% font size ảnh hưởng đến các yếu tố khác, bạn sẽ cần phải có tờ khai phông chữ cơ thể được ví dụ tỷ lệ:

body { font-size: 2em; } 

Xem này http://jsfiddle.net/haLYV/

+0

Tôi hiểu ... Thông thường tôi đặt kích thước cơ thể là 1.0em. Sau đó, tôi thiết lập kích thước văn bản như p, a, input, ... thành 0.875em (14px nếu kích thước văn bản của trình duyệt là 16px) và sau đó tôi cũng sử dụng em cho các tiêu đề. Điều này có nghĩa không? –

+0

Có, tôi thường đặt kích thước cơ thể là 14px và sử dụng các phông tỷ lệ thông qua, theo cách đó bạn có cùng điểm bắt đầu cho tất cả các trình duyệt. Sau đó sử dụng em dựa trên phông chữ 14px cơ sở http://pxtoem.com/ – keeg

+2

Hãy nhớ, nếu bạn sử dụng đơn vị rem, điều này sẽ có tác động vì nó sẽ tham chiếu đến khai báo kích thước phông chữ trên phần tử html. – Mark

Các vấn đề liên quan