CSS Elastic Layout

การเขียน CSS Layout ในรูปแบบต่างๆ

เนื้อหาหลัก

Elastic Layout (การวางหน้าเว็บแบบยืดหยุ่น) คำว่ายืดหยุ่นในที่นี้ หมายถึงความยืดหยุ่นที่เกิดจาก ผู้ใช้เป็นหลัก โดยความกว้างของหน้าเว็บนั้นเกิดจากการปรับขนาดตัวหนังสือของ User ซึ่งด้วยสาเหตุนี้ เราจะไม่สามารถทำเรื่องราวอลังการเลิศหรูกับงานดีไซน์ใดๆ ได้มาก เพราะเมื่อผู้ใช้เปลี่ยนขนาดตัวหนังสือ สิ่งที่จะขยายตามหรือหดตามนั่นก็คือตัวหนังสือและเลย์เอ้าท์ แต่รูปภาพและพื้นหลังที่เรากำหนดไว้ จะไม่ขยายตาม ทำให้เกิดเป็นข้อกำหนดของงานออกแบบอีกทอดหนึ่ง แต่อย่างไรก็ตาม Elastic Layout ถือเป็นการวางเลย์เอ้าท์ที่อยู่ในขั้น Advanced เพราะกฎการเขียน CSS แตกต่างไปจากการวางเลย์เอ้าท์แบบ Pixel Base อย่าง Fixed เลย์เอ้าท์ซึ่งเป็นการเขียนในแบบที่ CSS Designer ส่วนใหญ่คุ้นเคย รูปแบบการคำนวณความกว้างจะเปลี่ยนไป เพราะความกว้างขึ้นอยู่กับขนาดของ Text ที่กำหนดตั้งแต่แรก ทำให้การวาง Boxes ต่างๆ ในหน้าเว็บต้องคำนึงถึง ความกว้างโดยรวมที่ถูก ขนาดของตัวหนังสือ inheritate มาด้วย ข้อดี มีความยืดหยุ่นในสูงสำหรับผู้ใช้ ง่ายต่อการพัฒนาต่อในอนาคต ข้อเสีย มีข้อจำกัดในการออกแบบ การเขียน Layout อยู่ในขั้นยากกว่าปกติ