สอบถามเรื่องทำเวปไซต์ด้วย responsive รองรับมือถือ

[zeelacul]

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

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

[mamadunia]

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

[mahoran]

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

[ivar]

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

[userhuman]

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

[BOS]

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

[Express.]

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

[quick]

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

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

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

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

[forexduck]

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

[aieaie1234]

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

[fa555]

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

[ivar]

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

[asa123]