Φύλλα Στυλ 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 καθιστά μάλλον απλό να κατανοήσει τους στυλ προεπιλογή.


7 απαντήσεις σε "Φύλλα Στυλ User Agent: Περιθώρια Μυστήριο στο Google Chrome"

  • Εκφράζοντας IT »Blog Archive» CSS2.1 προεπιλογών χρήστη Φύλλο στυλ Agent λέει:

    [...] IT Εκφράζοντας Απλά ένα ακόμα, αλλά σοβαρή προγραμματιστές ιστολόγιο «Φύλλα Στυλ User Agent: Περιθώρια Μυστήριο στο Google Chrome [...]

  • mcahornsirup λέει:

    Απλά έτρεξε στο ίδιο θέμα ... σας λύση είναι απλή και τώρα φαίνεται όπως θα έπρεπε:) Σε γενικές γραμμές θα μπορούσε να είναι μια μεγάλη ιδέα να έχουν ορισμένες ρυθμίσεις ... αλλά δεν είναι μια αναμενόμενη συμπεριφορά. Ακόμα, το χρώμιο είναι το πιο αξιόπιστο πρόγραμμα περιήγησης που ξέρω ...

  • Chris Trott λέει:

    Ευχαριστώ πολύ για τη θέση αυτή. Ήμουν ενοχλημένος από την προστιθέμενη 40px padding ότι το τεχνικό δελτίο προεπιλογή πρόσθεσε, και, τέλος, τη θέση σας βοήθησε να απαλλαγούμε από αυτό!

    - Κρις

  • Simon Says:

    Ευχαριστώ για αυτή την εξήγηση της UA stylesheets. Chrome / σαφάρι για κάποιο λόγο παρακάμψετε το μέγεθος της γραμματοσειράς σε τραπέζια με UA CSS τους και για κάποιο λόγο έχει το σώμα πρόληψη font-size από κληρονομεί προκαλούν όλα τα είδη των πονοκεφάλων. * Αναστεναγμός *

  • Johnsaxon λέει:

    Έτσι, τελικά wat SHLD κάνω ΒΔ! nt της workin μετά placin * {margin: 0px? padding: 0px?},,, εννοώ ακόμα η spacin είναι τέρω;;

  • Jay λέει:

    αυτό είναι σίγουρα ένα σφάλμα του Chrome, δεν εφαρμόζουν CSS κινητήρα αρκετά καλά ότι η συμπεριφορά των παιδιών θα πρέπει να υπερισχύουν των γονέων τους / προγόνων »

  • Mithali λέει:

    Γεια σου, έκανα την παρατήρηση-webkit-padding πράγματα και να αλλάξει 0px. Μπορώ να παρατηρήσετε την αλλαγή στο Chrome, αλλά όχι σε Mozilla. -Webkit δεν υποστηρίζει Mozilla.

Αφήστε μια απάντηση

NDK σπίτι | Εκφράζοντας IT | Εκφράζοντας Ουρανίσκος | Εκφράζοντας Penmenship | Εκφράζοντας δέος | εκφράζομαι