อะไรคือสาเหตุที่ทําให้รูปภาพของเว็บไซต์ในเบราว์เซอร์ Safari (แอปเปิ้ล) ผิดตําแหน่ง?

เป็นที่ทราบกันดีว่าเบราว์เซอร์ Safariสามารถใช้งานได้เฉพาะในระบบ เท่านั้น และในฐานะนักออกแบบเว็บไม่สามารถทดสอบความเข้ากันได้ของหน้าเว็บใน Safari ได้หากไม่มีอุปกรณ์จาก

ในกรณีส่วนใหญ่ไม่จําเป็นต้องทดสอบ Safari ตราบใดที่หน้าเว็บของคุณไม่มีปัญหาในเบราว์เซอร์หลักเช่น , Edge, Opera และ Firefox

อย่างไรก็ตาม ปัญหาที่พบบ่อยของหน้าเว็บในเบราว์เซอร์ Safari คือการจัดตําแหน่งภาพผิด

แล้วเราจะแก้ปัญหานี้ได้อย่างไร?

อันที่จริงแล้วมันเป็นภาพที่ขาดองค์ประกอบ display:block และการขาด display:block ทําให้ภาพผิดตําแหน่งและจะไม่ปรากฏในเบราว์เซอร์อื่น ๆ

ในหน้าเว็บเช่นโลโก้เว็บไซต์ภาพโฆษณาแบนเนอร์ ฯลฯ ภาพที่ไม่มีรูปแบบกล่องและองค์ประกอบภายนอกจํานวนมากควรเพิ่ม display:block เพื่อให้แน่ใจว่าในเบราว์เซอร์ Safari จะไม่ผิดตําแหน่ง!