Chrome/Safari bỏ qua các quy tắc đặt lại của tôi?

Question

link text

Trong Safari/Chrome, nó có khoảng cách thừa bên trái/trên cùng của khối ô vuông, và các yếu tố khác.

Tôi không thể cách ly điều này, tuy nhiên khi tôi nhìn vào thanh tra web trong Safari, nó chọn một lề trái: 26px trên một số yếu tố. Tôi đã không quy định bất kỳ quy tắc như vậy, do đó, đây là một lỗi trong thanh tra Web?

Ai đó có thể khai sáng cho tôi về lý do tại sao các vấn đề giãn cách exta này đang xảy ra? Cảm ơn!

Answer 1

Lề bên trái đó: 26px là "kiểu được tính toán" của kiểu dáng lề trái của bạn: 2em. Do đó, tại sao nó nằm trong phần Computed Style trong thanh tra Web của Safari. Vì vậy, nếu bạn thay đổi lề trái sang một số giá trị khác thì giá trị pixel kiểu được tính cũng sẽ thay đổi.

Dù sao thì thực sự có thêm phần đệm! Và đó là do biểu định kiểu tác nhân người dùng (-webkit-padding-start: 40px). Đặt lại kiểu này bằng cách đặt padding: 0 trên ol của bạn và bất kỳ phần tử nào khác mà bạn muốn.

Một cách hay để ngăn sự cố này xảy ra lần nữa và phát triển mà không phải lo lắng là đặt lại css của bạn. Cài lại cơ bản sẽ là:

* { margin:0; padding:0; }