ตามภาพเลยครับ แก้ไขไม่ได้เลยคับ ภาพแรกคือปกติ แต่ภาพที่ 2 พอเปิดในมือถือแล้ว มันล้น ในทุกขนาดจอภาพ ทัั้งที่ใช้โค๊ดเดิมจากภาพแรก ลองทำใหม่แล้ว ก็กลับมาเหมือนเดิมครับ ไม่ทราบจะแก้ไขอย่างไรครับ

ปล.ลองใช้ css   responsive โค๊ดใหม่ ก็กลับมาเป็นแบบภาพที่ 2 เหมือนเดิม ทำแบบเริ่มต้นใหม่ด้วยครับ

inspec ดูใน chrome จะแก้ง่ายขึ้นครับ

โค้ด css อยู่ในหน้าเดียวกัน หรือแยกเป็นไฟล์ ถ้าแยกเป็นไฟล์ เช่น style.css ให้เรียกเป็น style.css?v=1  เว็บบราวเซอร์จะได้อัพเดตโค้ดตามที่เราแก้ไขครับ

ลองใช้ responsinator น่าจะง่ายขึ้น

ลอง Inspect แล้วเอาเมาร์ชี้จุดที่ขวามือไล่ลงมา ว่ามี Div ไหนที่ดันอยู่นะครับ 

ผมเดาว่า ไม่ margin ก็ padding ดันครับ
น่าจะต้องกำหนดให้เป็น 0 ใน breakpoint ขนาดหน้าจอมือถือ
ถ้าเพราะ padding ก็อาจแค่เติม box-sizing:border-box; ในการแก้
แต่ก็ตอบยากครับ ไม่เห็นตัวอย่างจริง ก็ได้แต่เดาช่วยล้วนๆครับ

เข้ามาหาความรู้ครับ 

อ้างถึงจาก: userhuman ใน 21 กุมภาพันธ์ 2022, 02:01:54
ลอง Inspect แล้วเอาเมาร์ชี้จุดที่ขวามือไล่ลงมา ว่ามี Div ไหนที่ดันอยู่นะครับ 

ของจขกท. เหมือนผมจะเคยเป็นครับ

ใช้วิธีที่ท่าน userhuman ว่ามาไล่หาดูครับ

ผมไม่ใช่คนเขียนเป็นอาชีพ แค่มือสมัครเล่นเขียนแค่เว็บตัวเอง งูๆปลาๆค่อยๆแก้ไป

ใช้ wordpress หรือว่า เป็น coding คับ

มาเก็บความรู้ค้ะ

มาหาความรู้ค่ะ

ถ้าใช้ WordPress ปัญหานี้แก้ง่ายมากด้วย Elementor ตอนนี้ใช้ Elementor Pro ติดใจจริงๆ ค่ะ