Độ chính xác thập phân có phải chỉ định kích thước phông chữ được tất cả các trình duyệt tôn trọng không?

Question

Nếu tôi sử dụng CSS sau đây:

p { 
    font-size: 20.5px; 
} 

Liệu tất cả các trình duyệt rút ra rằng khi 20.5px, hoặc sẽ một số tròn giá trị?

Answer 1

Số thập phân không được làm tròn một cách nhất quán trong tất cả các trình duyệt. Các bài tốt nhất mà tôi có thể tìm thấy ở đây: Browser Rounding

này chứa một bảng hiển thị như sau:

Internet Explorer 7 truncate to 2 decimal places 
Internet Explorer 8 truncate to 2 decimal places 
Internet Explorer 9 truncate to 2 decimal places 
Internet Explorer 10 truncate to 2 decimal places 
Internet Explorer 11 truncate to 2 decimal places 
Firefox 3.0 truncate to 3 decimal places 
Firefox 3.5 truncate to 3 decimal places 
Firefox 31 truncate to 3 decimal places 
Chrome 20 round to 15 decimal places 
Chrome 21 round to 15 decimal places 
Chrome 37 round to 13 decimal places 
Safari 6 (OSX Lion) round to 15 decimal places 
Safari 6.1 (OSX Mountain Lion) round to 15 decimal places 
Safari 7 (OSX Mavericks) round to 15 decimal places 
Mobile Safari 7 (iOS7) round to 15 decimal places 
Mobile Safari 8 (iOS8) round to 15 decimal places 
Chrome 36 (Jelly Bean) [Nexus5] round to 15 decimal places 
Chrome 30 (KitKat) [S5] round to 15 decimal places 
Android Browser 4 (Jelly Bean) [Nexus7,Nexus4,S4,S3] round to 15 decimal places 
Android Browser 4 (Ice Cream Sandwich) [Nexus,KindleFire2] round to 15 decimal places 
Android Browser 4 (Gingerbread) [S2] truncate to 3 decimal places 
Opera 12 truncate to 2 decimal places 
Opera Next 24 round to 13 decimal places 

Answer 2

Tất cả các phiên bản mới nhất của trình duyệt cho phép dựng hình sub-pixel *. Xem research và bảng differences between browser versions.

Trình duyệt cũ hơn chủ yếu làm tròn pixel xuống. Ngoại lệ đáng chú ý nhất là IE8 và IE9 mà vòng tròn đến số nguyên gần nhất (IE7 cũng làm tròn xuống, IE10 và lên sử dụng kết xuất điểm ảnh phụ).

_{* Nếu bạn xác định kích thước theo phần trăm, giá trị tính bằng pixel có thể khác khi bạn xác định trực tiếp pixel theo pixel.}