XGRID

คืออะไร

ให้ทุกหน้าสาธารณะมีเลย์เอาต์เชิงพื้นที่ที่สอดคล้องและอิงเนื้อหาทั่วเดสก์ท็อป แท็บเล็ต และมือถือ

ทำไม

เลย์เอาต์ผืนผ้าคงที่พังเมื่อเปลี่ยนอุปกรณ์ XGRID แก้ด้วยโมเดลคอลัมน์ปรับตัว (12/8/1) และการปรับขนาดตามเนื้อหาแทนความสูงแผงคงที่

อย่างไร

โทเคน + แผนที่เลย์เอาต์ → coordinate engine → DOM เฉพาะไคลเอ็นต์

• กำหนด breakpoint และคอลัมน์เดสก์ท็อป/แท็บเล็ต/มือถือ
• ขับแผนที่เลย์เอาต์ต่อหน้า (web/assets/data/<page>.layout.json)
• ให้พรีมิทีฟการปรับขนาดตามเนื้อหา (minmax, clamp, auto-fit)
• คงเป็นข้อมูลอ้างอิงการออกแบบ ไม่ใช่ผืนผ้าคงที่

ตัวอย่าง

ตารางพิกัดเดียวกัน (design/xgrid.json) ปรับเลย์เอาต์จากเบนโตะเดสก์ท็อปเป็นสแต็กแท็บเล็ตหรือมือถือผ่านเอนจินพิกัด

ข้อมูลนำเข้า

• แผนที่เลย์เอาต์ต่อหน้า
• การกำหนดค่า breakpoint/โทเคน (design/xgrid.json)

ผลลัพธ์

• พิกัดกริดปรับตัวที่ coordinate engine นำไปใช้

สิ่งที่พึ่งพา

วงจรชีวิต

• กริดเชิงพื้นที่ v1
• พื้นที่ปรับตัว v2 (12/8/1)

กรณีใช้งาน

• UI ปรับจาก bento เดสก์ท็อปเป็นสแตกแท็บเล็ตและมือถือ
• นักออกแบบและนักพัฒนาใช้สัญญากริดเดียวร่วมกัน

ข้อจำกัด

• ผืนผ้า 1920x1080 เป็นข้อมูลอ้างอิงการออกแบบเท่านั้น
• ไม่ใช่ข้อกำหนดพิกเซลอุปกรณ์ — อิงเนื้อหา

คำถามที่ผู้คนถาม

คำถามเหล่านี้ตอบโดยเนื้อหาบนหน้านี้

• XGRID คืออะไร?
• กริดปรับตัวของ AENET ทำงานอย่างไร?
• XGRID ใช้กี่คอลัมน์ต่ออุปกรณ์?

หลักฐาน

เฉพาะสถานะที่ตรวจสอบแล้ว — ไม่มีอะไรบนหน้านี้คือการคาดการณ์

• design/xgrid.json
• docs/COORDINATE_LAYOUT.md
• ui-contract/coordinates.json