แนวทางปฏิบัติที่ดีที่สุด | DivMagic

คำแนะนำและเคล็ดลับในการใช้ประโยชน์สูงสุดจาก DivMagic

1. ทำงานบนมือถือเป็นหลัก

แอปที่คล้ายกับ Tailwind, กำหนดเป้าหมายอุปกรณ์เคลื่อนที่ก่อน จากนั้นจึงเพิ่มสไตล์สำหรับหน้าจอที่ใหญ่ขึ้น วิธีนี้จะช่วยให้คุณคัดลอกและแปลงสไตล์ได้เร็วและง่ายขึ้นมาก

DivMagic แปลงองค์ประกอบตามที่คุณเห็นในเบราว์เซอร์ หากคุณมีหน้าจอขนาดใหญ่ สไตล์ที่คัดลอกไว้จะเป็นสไตล์สำหรับหน้าจอขนาดใหญ่และรวมถึงระยะขอบ ระยะห่างจากขอบ และสไตล์อื่นๆ สำหรับขนาดหน้าจอนั้น

แทนที่จะคัดลอกสไตล์สำหรับหน้าจอขนาดใหญ่ ให้ปรับขนาดเบราว์เซอร์ของคุณให้เล็กลงและคัดลอกสไตล์สำหรับขนาดหน้าจอนั้น จากนั้นจึงเพิ่มสไตล์สำหรับหน้าจอที่ใหญ่ขึ้น

2. ใส่ใจกับพื้นหลัง

เมื่อคุณคัดลอกองค์ประกอบ DivMagic จะคัดลอกสีพื้นหลัง อย่างไรก็ตาม สีพื้นหลังขององค์ประกอบอาจมาจากองค์ประกอบหลักได้

หากคุณคัดลอกองค์ประกอบและไม่ได้คัดลอกสีพื้นหลัง ให้ตรวจสอบองค์ประกอบหลักเพื่อดูสีพื้นหลัง

3. ให้ความสนใจกับองค์ประกอบ grid

DivMagic คัดลอกองค์ประกอบตามที่คุณเห็นในเบราว์เซอร์ของคุณ องค์ประกอบ grid มีสไตล์มากมายซึ่งขึ้นอยู่กับขนาดการดู

หากคุณคัดลอกองค์ประกอบ grid และโค้ดที่คัดลอกแสดงไม่ถูกต้อง ให้ลองเปลี่ยนสไตล์ grid เป็น FEXXYZ

ในกรณีส่วนใหญ่ การเปลี่ยนสไตล์ grid เป็น flex และการเพิ่มสไตล์บางอย่าง (เช่น flex-row, flex-col) จะให้ผลลัพธ์ที่เหมือนกัน