Responsive Full Background Image Using CSS

ภาพหน้าจอของซอฟแวร์:
Responsive Full Background Image Using CSS
รายละเอียดซอฟแวร์:
รุ่น: 1.0
วันที่อัพโหลด: 13 May 15
ผู้พัฒนา: Jacob Gube
การอนุญาต: ฟรี
ความนิยม: 172

Rating: nan/5 (Total Votes: 0)

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

ต้องการ

  • เบราว์เซอร์ที่เปิดใช้งาน CSS 3

ซอฟต์แวร์ที่คล้ายกัน

Wobble Effect
Wobble Effect

5 Jun 15

jQuery Image Cache
jQuery Image Cache

21 Jul 15

Imager.js
Imager.js

28 Feb 15

ExifReader
ExifReader

12 Apr 15

ความคิดเห็นที่ Responsive Full Background Image Using CSS

ความคิดเห็นที่ไม่พบ
เพิ่มความคิดเห็น
เปิดภาพ!
ค้นหาตามหมวดหมู่