Chrome/Safari ignoruje moje reguły resetowania?
W Safari/Chrome ma dodatkowe odstępy po lewej/górze ol, blockquotes i innych elementach.
nie mogę odizolować to jednak gdy patrzę w Inspektorze internetowej w Safari, jego podnoszenia margin-left: 26px z niektórych elementów. Nie określiłem żadnych takich zasad, więc czy jest to błąd w inspektorze sieci?
Czy ktoś może mnie oświecić, dlaczego te problemy EXTA rozstaw występują? Dzięki!
To margin-left: 26px jest "styl komputerowej" Twojego margin-left stylizacji: 2em. Stąd dlaczego jest on w sekcji Computed Style w Safari's Web Inspector. Więc jeśli zmienisz margin-left niektórych innych wartości wartość piksela obliczana stylu będzie także zmieniać zbyt.
W każdym razie są dodatkowe wyściółki! I to spowodowane przez agenta użytkownika arkusza stylów (-webkit-padding-start: 40px). Zresetuj ten styl, ustawiając wypełnienie: 0 na twoim ol i innych elementach, które chcesz.
Dobrym sposobem, aby zapobiec ponownemu wystąpieniu tego problemu i rozwijać się bez obaw, jest zresetowanie css. Podstawowym resetem będzie:
* { margin:0; padding:0; }
Dzięki za tę odpowiedź Jason. Rzeczywiście zrobiło to. Użyłem że selektora uniwersalnego wiele razy w przeszłości, ale z jakiegoś powodu zdecydowałem się użyć Eric Meyers zresetować zasady tej chwili, które nie idą aż tak uniwersalny jak. Cóż, lekcja się nauczyła. –
Nie wiedziałem o uniwersalnym selektorze/zresetowaniu i rzeczywiście działa. Co za wspaniała wskazówka! –