เปิดตัวตารางความเข้ากันได้ของ Mobile CSS

ผู้เขียน: Louise Ward
วันที่สร้าง: 12 กุมภาพันธ์ 2021
วันที่อัปเดต: 18 พฤษภาคม 2024
Anonim
พื้นฐาน Media Query ในการทำเว็บ Responsive ให้รองรับทุกขนาดหน้าจอ
วิดีโอ: พื้นฐาน Media Query ในการทำเว็บ Responsive ให้รองรับทุกขนาดหน้าจอ

ปลายปี 2555 Peter-Paul Koch นักยุทธศาสตร์แพลตฟอร์มมือถือได้รับการสนับสนุนสำหรับ QuirksMode.org ซึ่งเขากล่าวว่าจะช่วยให้เขาสามารถใช้เวลาในการค้นคว้ามาตรฐานเว็บและทำงานบนตารางความเข้ากันได้ที่จะแชร์กับ webplatform.org

ในช่วงสุดสัปดาห์ตัวเลือก CSS สำหรับตารางบนอุปกรณ์เคลื่อนที่ได้ใช้งานจริง นอกจากนี้ Koch ยังได้สำรวจคอลัมน์ CSS เพิ่มเติมและพบว่ามีวิธีดำเนินการเกี่ยวกับการนำไปใช้งาน

เราได้พูดคุยกับ Koch เกี่ยวกับผลงานของเขาวิธีเขียนแบบทดสอบของเขาและเหตุใดนักพัฒนาจึงควรระมัดระวังมากขึ้นเกี่ยวกับการทดสอบแบบต่อเครื่องยนต์

.net: คุณใช้ความพยายามอย่างมากในโต๊ะเคลื่อนที่ของคุณ นี่เป็นสิ่งที่ไม่ได้ทำในระดับนี้ที่อื่นใช่หรือไม่
PPK: ไม่มันยังไม่เสร็จจริงๆ ตารางที่ใกล้เคียงกับของฉันมากที่สุดคือตารางโดย Max Firtman และพวกเขามุ่งเน้นไปที่ HTML5 API

ฉันไม่เชื่อในการทดสอบหรือให้คะแนนเบราว์เซอร์โดยอัตโนมัติดังนั้นฉันจึงไม่นับการทดสอบเช่นการทดสอบ HTML5 จากนั้นเรามี Can I Use …ซึ่งมีประโยชน์ แต่บางครั้งก็ไม่ได้ให้ข้อมูลเบราว์เซอร์ที่ถูกต้อง


เท่าที่ฉันรู้ฉันยังคงเป็นคนเดียวที่ทำแบบทดสอบที่ละเอียดที่สุด - และเป็นคนเดียวที่เผยแพร่หน้าทดสอบรวมถึงผลการทดสอบ

.net: คุณจะเขียนข้อสอบได้อย่างไร?
PPK: ช้า! บางครั้งมันไม่ใช่เรื่องง่ายที่จะเข้าใจว่าความหมายในข้อกำหนดโดยเฉพาะอย่างยิ่งเมื่อมีการใช้งานเพียงสองอย่างที่แตกต่างกันเล็กน้อย (หรืออย่างมาก) โชคดีที่ฉันมีประสบการณ์มากมายในการเขียนทดสอบเบราว์เซอร์ดังนั้นฉันจึงรู้วิธีป้องกันข้อผิดพลาดทั่วไป

ตัวอย่างเช่นในตอนแรกดูเหมือนว่า Opera Mini ไม่รองรับคลาส CSS แต่เห็นได้ชัดว่าเป็นเรื่องไร้สาระ ปัญหากลายเป็นว่าฉันทดสอบการสนับสนุนของชั้นเรียนโดยให้องค์ประกอบการทดสอบ แบบอักษร: ตัวเอียง. Opera Minis จำนวนมากไม่รองรับรูปแบบนั้น เนื่องจากเคยเจอปัญหานี้มาก่อนจึงรู้ว่าต้องเปลี่ยนรูปแบบการทดสอบ และเบราว์เซอร์ MeeGo ไม่รองรับ แบบอักษรตัวแปร: ตัวพิมพ์เล็ก. เรื่องเดียวกัน.

อนึ่ง JavaScript ยังคงให้ ตัวเอียง เมื่อคุณขอ Opera Mini สำหรับไฟล์ รูปแบบตัวอักษร มูลค่า. นั่นพิสูจน์ได้ว่าคุณไม่สามารถทำการทดสอบเหล่านี้โดยอัตโนมัติได้: คุณต้องดูที่หน้าและพิจารณาว่าใช้แบบอักษรตัวเอียงหรือไม่


.net: ในบทความล่าสุดของคุณเกี่ยวกับตัวเลือกและคอลัมน์คุณระบุว่าเบราว์เซอร์ที่ใช้โครงสร้าง WebKit เดียวกันมีความเข้ากันได้ที่แตกต่างกัน นี่เป็นการเน้นย้ำว่านักพัฒนาควรระมัดระวังเกี่ยวกับเทคนิคล้ำสมัยและทดสอบอย่างเข้มงวดมากขึ้นในอุปกรณ์ต่างๆหรือไม่
PPK: ใช่ ไม่มี WebKit บนมือถือ มีเบราว์เซอร์ที่แตกต่างกันอย่างน้อยสิบสองเบราว์เซอร์ (ยกเว้นเวอร์ชันที่ใช้ WebKit เป็นเครื่องมือในการแสดงผล) แต่ไม่จำเป็นต้องมีลักษณะคล้ายกัน

ตัวอย่างที่ดีที่สุดคือไฟล์ การประกาศ -webkit-column-span ปรากฎว่า WebKit ลดการสนับสนุนเมื่อเร็ว ๆ นี้ นี่เป็นปัญหาความเข้ากันได้ที่แปลกประหลาดที่สุดเท่าที่ฉันเคยพบมาเนื่องจากไม่สามารถเชื่อมโยงกับการสนับสนุนกับ WebKit เวอร์ชันใดรุ่นหนึ่งได้ ดังนั้นการสนับสนุนสำหรับการประกาศนี้จึงเป็นเรื่องยุ่งและการที่เบราว์เซอร์ใช้ WebKit บอกว่าไม่มีอะไรแน่นอน

สิ่งพิมพ์ที่น่าสนใจ
สร้างตัวละครหญิงที่ทรงพลังใน 10 ขั้นตอน
ค้นพบ

สร้างตัวละครหญิงที่ทรงพลังใน 10 ขั้นตอน

ฉันเดาว่าฉันควรจะเริ่มต้นด้วยการบอกว่าคุณควรเริ่มต้นด้วยแนวคิดที่คุณชื่นชอบเพราะคุณจะต้องใช้เวลาส่วนใหญ่ในการทำงานกับมัน ในกรณีนี้ฉันอยากทำอะไรบางอย่างเกี่ยวกับชนเผ่าและหลังจากค้นหามานานฉันก็ได้พบกับศ...
การสร้างภาพยนตร์ไตรภาคที่ยิ่งใหญ่ของ Elder Scrolls Online
ค้นพบ

การสร้างภาพยนตร์ไตรภาคที่ยิ่งใหญ่ของ Elder Scrolls Online

ได้รับการเสนอชื่อเข้าชิงรางวัล 3D World CG Award 2014 เรามาดูการสร้างภาพยนตร์สั้นเรื่อง The Alliance ของ Elder croll , The Arrival และ The iegeแคมเปญนี้ใช้เวลาประมาณ 18 เดือนโดยมีศิลปินมากกว่า 100 คนท...
10 วิธีที่ยอดเยี่ยมในการทำให้เนื้อหาของคุณพกพาและเข้าถึงได้
ค้นพบ

10 วิธีที่ยอดเยี่ยมในการทำให้เนื้อหาของคุณพกพาและเข้าถึงได้

เมื่อ Kerie พิมพ์บน iPhone เธอดูเหมือนกำลังเล่นฟลุต เธอถือมันไว้ใกล้ใบหน้าของเธอและนิ้วของเธอก็ขยับอย่างไม่น่าเชื่อ เธอเขียนเสร็จและยื่นโทรศัพท์ให้ฉันอ่านข้อความที่เพิ่งพิมพ์ มีการสะกดและไวยากรณ์ที่สม...