2012-08-23 24 views
5

Trong công cụ dev chrome, tôi nhìn thấy (trong phong cách tính):Tại sao chrome sẽ trừ đi một chút ít hơn 0,1px so với chiều rộng của đường viền?

border-bottom-width: 0.9090908765792847px; 
    element.style - 1px 
    .x-fieldset - 1px 
    fieldset, img - 0px 
    fieldset - 2px user agent stylesheet 

Đây là một yếu tố fieldset mà biên giới phía dưới không hiển thị. Các nhiễu loạn rất nhỏ khiến '0,9' này chuyển thành 1 và đường viền xuất hiện.

Tất cả các dòng sau 'element.style' đều được thực hiện. Tất cả điều này xuất phát từ ExtJS, nhưng đến nay tôi đã không thấy bất kỳ cách nào để đổ lỗi cho họ.

+0

Đường viền có được tạo kiểu như một loại đơn vị tương đối nào đó, như 'em' không? Bạn có mã mẫu + mẫu nhỏ mà bạn có thể cung cấp làm ví dụ không? –

Trả lời

7

Đây là kết quả của việc sử dụng tính năng thu phóng chrome. Nếu bạn phóng to trong chrome, nó được thực hiện bằng cách nhân một yếu tố vào css. và, trong một số trường hợp, nó xóa sạch biên giới.

+1

cảm ơn bạn, tôi dường như đã thu nhỏ một cách vô tình đủ nhỏ mà tôi không chú ý đến số – Mala

+0

Ở đây chúng tôi đi ... Tôi có một div rộng 1px đã biến mất vì tôi đã được phóng to. –

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