nerometa• 250
@nerometa
Posted
ทุกอย่างโอเคเลยฮะ responsive ก็ทำได้ดีเลย ทีนี้ผมอยากให้ลองอะไรหน่อย
- ตั้งค่า <body> ให้มีความสูงเท่าขนาดหน้าจอ (height: 100% หรือ height: 100vh)
- ทำ wrapper <div> ครอบตัวคอนเทนต์หลักอีกทีนึง กำหนดให้ทั้งความกว้างและความสูงขนาดเต็มหน้าจอเหมือนกัน
- wrapper ตัวนั้นให้ display เป็น flex, justify-content เป็น center เพื่อจัดตำแหน่งตามแนวนอน แล้ว align-items: center เพื่อจัดตำแหน่งตามแนวตั้ง แล้วตัวคอนเทนต์หลักจะอยู่กลางจอพอดีฮะ
0