เว็บไซต์ของฉันดูต่างออกไปเมื่อดูบนมือถือ
บทความนี้ได้รับการแปลภาษาด้วยเครื่อง หากพบข้อผิดพลาด โปรดแจ้งให้เราทราบ
เว็บไซต์ของฉันดูต่างออกไปเมื่อดูบนมือถือ
สาเหตุของปัญหานี้เป็นอะไรได้บ้าง
Reflow จะปรับเว็บไซต์ Canva สำหรับเว็บไซต์ ให้เหมาะกับขนาดหน้าจอต่างๆ โดยการจัดวางองค์ประกอบในแนวตั้ง ดังนั้นองค์ประกอบแบบเต็มหน้าจอแบบกว้างจึงอาจไม่สามารถปรับขนาดได้อย่างสมบูรณ์ และเบราว์เซอร์ เวอร์ชั่นเบราว์เซอร์ และขนาดอุปกรณ์สามารถแสดงเว็บไซต์แตกต่างกันได้
สิ่งที่ต้องทำ
- ตรวจสอบการทับซ้อนกัน: เลือกองค์ประกอบในดีไซน์ของคุณ แล้วปรับขนาดหรือคร็อปเพื่อไม่ให้ขอบสัมผัสกัน
- แยกองค์ประกอบที่กว้างออก: แทนที่องค์ประกอบขนาดใหญ่ที่กินพื้นที่เต็มความกว้างด้วยองค์ประกอบขนาดเล็กลงที่เรียงซ้อนกันอย่างเป็นระเบียบ
- ให้อยู่ภายในขอบหน้ากระดาษที่ปลอดภัย: เก็บองค์ประกอบสำคัญไว้ภายในขอบเขตขอบหน้ากระดาษที่ปลอดภัย
- ดูตัวอย่างบนมือถือ: ใช้พาเนลตัวอย่างบนมือถือขณะแก้ไข โดยให้ถือว่าเป็นภาพโดยประมาณ เนื่องจากไซต์ที่เผยแพร่อาจแตกต่างกันไปตามอุปกรณ์และเบราว์เซอร์
- กรุ๊ปและล็อค: กรุ๊ปองค์ประกอบที่เกี่ยวข้องกัน จากนั้นล็อคกรุ๊ปเพื่อให้องค์ประกอบเหล่านั้นอยู่ด้วยกัน
รวมกลุ่มองค์ประกอบ
หากคุณต้องการจัดบางองค์ประกอบให้อยู่รวมกันให้ทำการจัดกลุ่มเพราะไม่เช่นนั้นองค์ประกอบดังกล่าวอาจอยู่แยกจากกันเมื่อดูในมุมมองอุปกรณ์มือถือ
- ลากเคอร์เซอร์ของคุณไปเหนือองค์ประกอบที่คุณต้องการจัดกลุ่ม คุณยังสามารถกด แลนดิ้ง บนแป้นพิมพ์ของคุณและเลือกองค์ประกอบได้
- บนแถบเครื่องมือแบบลอย ให้เลือก จัดกลุ่ม.
- หากต้องการตรวจสอบว่าองค์ประกอบที่จัดกลุ่มของคุณปรากฏบนมือถืออย่างไร ให้คลิก ตัวอย่าง.
- ในพาเนลตัวอย่าง ให้คลิกปุ่ม มือถือ เพื่อดูเลย์เอาต์มือถือ
ดูว่ากล่องข้อความเรียงซ้อนกันอย่างไรในมุมมองมือถือได้ที่ตัวอย่างด้านล่าง
มีประโยชน์มั้ย?
มีประโยชน์
ไม่มีประโยชน์