พื้นหลังเต็มสคริปต์ที่ตอบสนองต่อภาพแสดงให้เห็นว่านักออกแบบเว็บไซต์วิธีการหลีกเลี่ยง JavaScript และ CSS ใช้รหัสเดียวที่จะทำให้ภาพที่ถูกแสดงบนพื้นที่ทั้งหมดของหน้าโดยไม่ต้องปลอกส่วนสีขาวใด ๆ ที่ว่างเปล่า
ในขณะที่ "พื้นหลังขนาด: ปก" ทรัพย์สิน CSS สามารถบรรลุนี้ในตัวเองเพราะเว็บไซต์ส่วนใหญ่วันนี้มีการเข้าถึงจากทั้งโทรศัพท์มือถือและสก์ท็อปเป็นประจำถ้าภาพพื้นหลังที่ไม่ได้รับการแต่งตั้งอย่างถูกต้องที่หนึ่งของอุปกรณ์เหล่านี้ ภาพจะไม่เคยพอดีภายในหน้าต่างได้อย่างถูกต้อง
สคริปต์นี้ยังเพิ่มการค้นหาสื่อ CSS3 ในการกำหนดเป้าหมายอุปกรณ์หน้าจอขนาดเล็กและเพื่อให้แน่ใจว่าแตกต่างกันตามความเหมาะสมมากขึ้นและภาพที่มีน้ำหนักเบาใช้สำหรับมาร์ทโฟนและแท็บเล็
โดยรวมเคล็ดลับนี้จะมีประโยชน์มากโดยเฉพาะอย่างยิ่งตั้งแต่ไม่กี่ปีนี้ภาพพื้นหลังที่มีคุณภาพสูงมีแนวโน้มทั่วไปของอุตสาหกรรมการออกแบบเว็บ
. การสาธิตพร้อมกับภาพพื้นหลังที่ตอบสนองต่อการใช้เต็มแพคเกจ CSS
ต้องการ
- เบราว์เซอร์ที่เปิดใช้งาน CSS 3
ความคิดเห็นที่ไม่พบ