เมื่อวานนี้หลังจากที่ปัญหาผมพบกับรีเซ็ต CSS ใน Google Chrome ... ฉันคิดว่าการขุดบิตลึกเข้าไปในพื้นที่ของผู้ใช้แผ่นแบบตัวแทน ...
พบข้อมูลตารางนี้ค่าเริ่มต้นของผู้ใช้ตัวแทน CSS2.1 แผ่นแบบ ... (สำหรับผู้ที่เผลอในสิ่งที่ "ผู้ใช้ตัวแทนแผ่นแบบ" ก็คือทำตาม สิ่งที่ผู้ใช้แผ่นแบบตัวแทน (Specification) .
สำหรับรายการทั้งหมดของ CSS ตัวแทนผู้ใช้เริ่มต้น 2.1 แผ่นแบบ คลิกที่นี่
เมื่อวานนี้ทุกอย่างอื่น ๆ "วัน Hog พื้น" ผมได้ทำงานในบางรูปแบบ CSS / tableless ทั้งหมดที่เกิดขึ้นได้ดีใน IE 7, FF 3 และโครมก็จนกว่าผมเห็นบางขอบยกเลิก ignorable เห็นเฉพาะใน Google Chrome แม้ว่าแปลกมากและ worring, มันเป็นข้อผิดพลาดบางปัญหา / ใหม่ที่ผมได้มาค่อนข้างสมเหตุสมผลมีจนเครื่องเทศบางอย่างในการทำงานทางโลกของฉัน เศร้า (แต่ดี) มันได้รับการแก้ไขภายในไม่กี่นาทีของหัว ...
โดยทั่วไปมันดูเหมือน Google Chrome ละเว้น CSS รีเซ็ตของฉัน (margin: 0px) มันจริงที่เกิดจากสไตล์ตัวแทนผู้ใช้ (-webkit-padding เริ่มต้น: 40px) ดังนั้นวิธีการแก้ปัญหาคือการตั้งค่ารูปแบบนี้โดยการตั้งค่า padding: 0 องค์ประกอบการทำงาน
วิธีที่ดีเพื่อป้องกันไม่ให้ปัญหาเหล่านี้เกิดขึ้นกับองค์ประกอบใด ๆ คือการใช้ CSS Rest ทั่วโลกดังนี้
* {margin: 0; padding: 0;}
ผู้ใช้แผ่นแบบตัวแทน (Specification) คืออะไร?
ข้อความที่ตัดตอนมาต่อไปนี้นำมาจาก http://meiert.com/en/blog/20070922/user-agent-style-sheets/ ลิงค์ตามไปอ่านเพิ่มเติมเกี่ยวกับผู้ใช้แผ่นแบบตัวแทน
CSS 1 แนะนำความคิดโดยระบุว่าตัวแทนของผู้ใช้แต่ละคน (UA มักจะ 'เว็บเบราเซอร์' หรือ 'ลูกค้าเว็บ') จะมีสไตล์ชีตเริ่มต้นที่มีการจัดเอกสารในที่เหมาะสม - แต่โลกีย์ arguably - ลักษณะ CSS 2 กล่าวว่าสอดคล้องกับตัวแทนผู้ใช้ต้องใช้สไตล์ชีตเริ่มต้น (หรือประพฤติตัวเป็นหากพวกเขา) และที่สไตล์ชีตตัวแทนผู้ใช้ 's เริ่มต้นควรนำเสนอองค์ประกอบของภาษาเอกสารในรูปแบบที่ตอบสนองความคาดหวังของงานนำเสนอทั่วไปสำหรับภาษาเอกสาร; CSS 3 จะเป็นใจเดียวกัน
เนื่องจากคุณสมบัติของ CSS ปล่อยให้มันขึ้นไปการใช้งานว่าจะใช้ "ของจริง" สไตล์ชีตเริ่มต้นสำหรับการแสดงผลหรือไม่ก็ไม่น่าแปลกใจที่คุณจะไม่พบสไตล์ชีตเริ่มต้นในโฟลเดอร์ที่ติดตั้งเบราว์เซอร์ของทุก ซึ่งแตกต่างจากโปรแกรม Internet Explorer ของ Microsoft เช่นเดียวกับ Opera, ตัวอย่างเช่น (และเท่าที่ฉันรู้), เบราว์เซอร์ตุ๊กแกเช่น Firefox และ Netscape Navigator (มองหา "html.css") แต่ยัง Konqueror ทำให้มันค่อนข้างง่ายที่จะเข้าใจจัดแต่งทรงผมของพวกเขาเริ่มต้น
