วิธีการ - ลอยตัวตอบสนอง
เรียนรู้วิธีสร้างองค์ประกอบลอยแบบตอบสนองด้วย CSS
ลอยตอบสนอง
ใช้การสืบค้นสื่อและตั้งค่าความกว้างหน้าจอที่ระบุ (เป็นพิกเซล) สำหรับเวลาที่องค์ประกอบควรลอย:
ตัวอย่าง
/* Float to the right on screens that are equal to or less than 768px wide */
@media (max-width: 768px) {
.float-right-sm {
float: right;
}
}
/* Float to the right on screens that
are equal to or greater than 769px wide */
@media (min-width: 769px) {
.float-right-lg {
float: right;
}
}
เคล็ดลับ:เรียนรู้เพิ่มเติมเกี่ยวกับโฟลตในCSS Float Tutorial ของเรา