Φύλλα Στυλ User Agent: Περιθώρια Μυστήριο στο Google Chrome
Χθες, όπως και κάθε άλλο «Ημέρα γουρουνιών Ground", δούλευα σε ορισμένες διαμορφώσεις CSS / tableless. Όλα πήγαιναν καλά στον IE 7, ύψους 3 και Chrome, εώς ξαφνικά, είδα κάποια σχετική επιτυχία-un περιθώρια δει μόνο στο Google Chrome. Αν και πολύ παράξενο και μεγάλο ποσοστό του πληθυσμού, ήταν κάποια νέα bug / θέμα που είχα συναντάμε, υπήρξε τελικά κάποια μπαχαρικό στο κοσμικό έργο μου. Σαντ (αλλά ωραίο) που πήρε καθοριστεί μέσα σε λίγα λεπτά του καθετήρα ...
Βασικά, αυτό έμοιαζε με το Google Chrome αγνοούνται CSS Επαναφέρει μου (περιθώριο: 0px). Είναι πραγματικά προκλήθηκε από το στυλ πράκτορα χρήστη (-webkit-padding-start: 40px). Έτσι, η λύση ήταν να επαναφέρετε αυτό το στυλ από τη padding: 0 απρεπώς τα στοιχεία.
Ένας καλός τρόπος για να αποφευχθεί αυτό το πρόβλημα από το να συμβεί σε οποιοδήποτε στοιχείο είναι η χρήση ενός παγκόσμιου Υπόλοιπο CSS ως εξής
* {Margin: 0? Padding: 0?}
Ποια είναι τα Style Sheets Πράκτορες Χρηστών (Προδιαγραφές);
Το ακόλουθο απόσπασμα έχει ληφθεί από http://meiert.com/en/blog/20070922/user-agent-style-sheets/ , παρακάτω link για να διαβάσετε περισσότερα για τα Style Sheets User Agent
CSS 1 εισάγει την ιδέα, δηλώνοντας ότι κάθε Πράκτορα Χρήστη (UA, συχνά «πλοηγού» ή «πελάτη ίντερνετ) θα έχουν ένα φύλλο προεπιλεγμένο στυλ που παρουσιάζει έγγραφα σε ένα λογικό - αλλά αναμφισβήτητα εγκόσμια - τρόπο. CSS 2 αναφέρει ότι σύμφωνα πράκτορες χρήστη πρέπει να εφαρμόσετε ένα φύλλο στυλ προεπιλεγμένο (ή συμπεριφέρονται σαν να έκανε) και ότι η προεπιλογή φύλλο ενός πράκτορα χρήστη στυλ θα πρέπει να παρουσιάσει τα στοιχεία της γλώσσας εγγράφου με τρόπους που συνάδουν προς τις γενικές προσδοκίες παρουσίαση για τη γλώσσα του εγγράφου? CSS 3 είναι πιθανό να είναι το ίδιο μυαλό.
Δεδομένου ότι οι προδιαγραφές CSS αφεθεί στις υλοποιήσεις εάν θέλετε να χρησιμοποιήσετε ένα "πραγματικό" φύλλο στυλ για οθόνη προεπιλογή ή όχι, δεν είναι εκπληκτικό ότι δεν μπορείτε να βρείτε ένα φύλλο προεπιλεγμένο στυλ σε κάθε φάκελο εγκατάστασης του προγράμματος περιήγησης. Σε αντίθεση με τον Internet Explorer της Microsoft καθώς και Όπερα, για παράδειγμα (και όσο ξέρω), Gecko browsers όπως Firefox και Netscape Navigator (προσέξτε για "html.css"), αλλά και τον Konqueror καθιστά μάλλον απλό να κατανοήσει τους στυλ προεπιλογή.











































28 του Ιουλίου 2009 στις 10:42 am
[...] IT Εκφράζοντας Απλά ένα ακόμα, αλλά σοβαρή προγραμματιστές ιστολόγιο «Φύλλα Στυλ User Agent: Περιθώρια Μυστήριο στο Google Chrome [...]
3 Φεβρουαρίου του 2010 στις 22:14
Απλά έτρεξε στο ίδιο θέμα ... σας λύση είναι απλή και τώρα φαίνεται όπως θα έπρεπε:) Σε γενικές γραμμές θα μπορούσε να είναι μια μεγάλη ιδέα να έχουν ορισμένες ρυθμίσεις ... αλλά δεν είναι μια αναμενόμενη συμπεριφορά. Ακόμα, το χρώμιο είναι το πιο αξιόπιστο πρόγραμμα περιήγησης που ξέρω ...
22 του Μάη 2010 στις 1:01 am
Ευχαριστώ πολύ για τη θέση αυτή. Ήμουν ενοχλημένος από την προστιθέμενη 40px padding ότι το τεχνικό δελτίο προεπιλογή πρόσθεσε, και, τέλος, τη θέση σας βοήθησε να απαλλαγούμε από αυτό!
- Κρις
18 Ιούν. 2010 στις 22:12
Ευχαριστώ για αυτή την εξήγηση της UA stylesheets. Chrome / σαφάρι για κάποιο λόγο παρακάμψετε το μέγεθος της γραμματοσειράς σε τραπέζια με UA CSS τους και για κάποιο λόγο έχει το σώμα πρόληψη font-size από κληρονομεί προκαλούν όλα τα είδη των πονοκεφάλων. * Αναστεναγμός *
26 Ιουλίου 2011 στις 18:34
Έτσι, τελικά wat SHLD κάνω ΒΔ! nt της workin μετά placin * {margin: 0px? padding: 0px?},,, εννοώ ακόμα η spacin είναι τέρω;;
11 Αύγ 2011 στις 11:33 π.μ.
αυτό είναι σίγουρα ένα σφάλμα του Chrome, δεν εφαρμόζουν CSS κινητήρα αρκετά καλά ότι η συμπεριφορά των παιδιών θα πρέπει να υπερισχύουν των γονέων τους / προγόνων »
15 Νοεμβρίου, 2011 στις 17:07
Γεια σου, έκανα την παρατήρηση-webkit-padding πράγματα και να αλλάξει 0px. Μπορώ να παρατηρήσετε την αλλαγή στο Chrome, αλλά όχι σε Mozilla. -Webkit δεν υποστηρίζει Mozilla.