link textChrome/Safari sıfırlama kurallarını dikkate almıyor mu?
Safari/Chrome'da, ol'ların, blok tırnakların ve diğer öğelerin solunda/üstünde ekstra boşluk vardır.
Bunu izole edemiyorum, ancak Safari'de web denetçisine baktığımda, bir kenar boşluğu bırakıyor: bazı öğeler üzerinde 26px. Bu tür bir kural belirtmedim, bu da Web denetçisinde bir hata mı?
Bu exta aralığı problemlerinin neden oluştuğunu bana birileri aydınlatır mı? Teşekkürler!
Bu kenar boşluğu: 26px, tasarım kenar boşluğunuzun "hesaplanan stili" dir: 2em. Bu nedenle Safari'nin Web Müfettişinde neden Hesaplanan Stil bölümünün altındadır. Bu nedenle, kenar boşluğunuzu başka bir değere değiştirirseniz, hesaplanan stil piksel değeri de değişir.
Neyse gerçekten fazladan doldurma var! Ve kullanıcı aracısı stil sayfasından kaynaklanıyor (-webkit-padding-start: 40px). Dolgu ayarını yaparak bu stili sıfırlayın: 0 ve istediğiniz diğer öğelerinizde.
Bu sorunun tekrar olmasını önlemek ve endişelenmeden gelişmek için iyi bir yol, css'nizi sıfırlamaktır. Temel bir sıfırlama şöyle olurdu:
* { margin:0; padding:0; }
Bu cevap için teşekkürler jason. Gerçekten de hile yaptı. Geçmişte birçok kez evrensel seçiciyi kullandım, ama bir sebepten dolayı Eric Meyers sıfırlama kurallarını bu sefer kullanmayı tercih ettim, ki bu da o kadar evrensel değil. Ah, bir ders öğrendim. –
Evrensel seçici/sıfırlama hakkında bilmiyordum ve gerçekten işe yarıyor. Ne harika bir ipucu! –