Tôi đặt kiểu đường viền của phần tử div trong html là border: 1px solid black;
. Nó cho thấy chính xác trong hầu hết các trường hợp. Nhưng tôi chỉ tìm thấy một cái lạ, đó là Chrome trên Win 7 Home Premium, rằng phong cách tính toán cho thấy chiều rộng đường viền là 1.11111111px thay vì 1px. Ai đó có thể cho tôi biết bất kỳ lý do nào có thể khiến điều này xảy ra không?Tại sao chiều rộng đường viền không giống với những gì tôi đặt trong html?
5
A
Trả lời
2
tôi không chắc chắn và chỉ có vài dự đoán:
Là có thể phong cách của bạn được ghi đè bởi phong cách khác trong file css giống nhau không?
Trình duyệt của bạn có thu phóng 100% không? Tôi không nghĩ rằng điều này sẽ làm phiền nhưng tôi đề nghị bạn kiểm tra xem nó
1
Câu hỏi nhanh: Có một lý do cụ thể nào đó biên giới của bạn phải chính xác là 1px.
Ngoài ra, như mọi người khác đang nói, hãy thử đặt trình duyệt và máy tính của bạn phóng to thu phóng 100% mặc định.
Và mã: border: 1px solid black;
là đúng
1
@chaonextdoor bạn đã sử dụng 'reset.css' trong dự án của bạn? Bởi vì hầu hết thời gian nếu chúng tôi không chỉ định bất kỳ kiểu nào cho bất kỳ phần tử nào, trình duyệt của họ sử dụng cài đặt mặc định của nó trên những vị trí đó.
Các vấn đề liên quan
- 1. Đặt đường viền trong bảng trong HTML
- 2. tại sao đường viền có chiều rộng 1px tăng div lên 20 pixel?
- 3. CSS: Đặt đường viền một nửa chiều rộng
- 4. Tại sao kích thước hộp: hộp viền vẫn hiển thị đường viền có chiều rộng là 0px?
- 5. Giới hạn chiều rộng đường viền thành chiều rộng văn bản trong một phần tử khối
- 6. Đường viền khoảng 100% chiều cao và chiều rộng cơ thể (HTML 4.01 Nghiêm ngặt)
- 7. Chiều dài đường viền nhỏ hơn chiều rộng div?
- 8. Chiều cao đường thẳng với chiều rộng đường viền khác nhau (border-box)
- 9. Hành vi chiều rộng đường viền lạ trong Chrome - Độ rộng đường viền của dấu chấm động?
- 10. 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?
- 11. Tại sao các thuộc tính chiều rộng và chiều cao CSS không điều chỉnh cho đệm?
- 12. Tại sao trang HTML của tôi có chiều rộng thêm trong IE7?
- 13. CSS: Chiều rộng theo phần trăm và Đường viền
- 14. Có gì giống như chiều cao dòng tự động không?
- 15. Tại sao chiều rộng Javascript của một ô trong một pixel quá ngắn?
- 16. jQuery Animate - màu đường viền và chiều rộng
- 17. Đặt đường viền trong UICollectionView
- 18. Làm thế nào để trích xuất chiều rộng và chiều cao của đường viền trong javacv?
- 19. Thay đổi chiều rộng đường viền của các phần chia nhỏ trong VIM
- 20. Tại sao không có kiểu đường viền: gấp đôi; render?
- 21. Chiều rộng Html 100%
- 22. tại sao bạn không thể sử dụng định vị tuyệt đối iframe để đặt chiều cao/chiều rộng
- 23. Đường viền của tôi không xếp hàng?
- 24. Cách thêm đệm hoặc đường viền vào một DIV và giữ chiều rộng và chiều cao?
- 25. Tại sao chiều rộng đột quỵ SVG: 1 tạo đường trong suốt?
- 26. Tìm chiều dài đường viền trong opencv
- 27. làm thế nào để làm cho chiều rộng văn bản giống nhau trong IE và Firefox?
- 28. Xóa đường viền văn bản trong HTML
- 29. Đặt đường viền UIImage
- 30. kiểu đường viền nội dòng trong một Email HTML
Bạn có thể tạo [demo] (http://jsfiddle.net) không? –
Tôi không thể tạo lại vấn đề của bạn: http://jsfiddle.net/e6qh6/ (Tôi đang chạy Chrome trên Win 7 Professional). –
Tôi đang chạy Chromium 22 trên Ubuntu 12.10 và tôi cũng không thể tái tạo sự cố của bạn. Bạn có bất kỳ CSS nào khác được đặt trên trang của bạn không? – user1158559