(https://i.ibb.co/Zxnksjh/cats1.jpg) (https://imgbb.com/)
(https://i.ibb.co/SnBZbY5/cats2.jpg) (https://imgbb.com/)
ตามภาพเลยครับ แก้ไขไม่ได้เลยคับ ภาพแรกคือปกติ แต่ภาพที่ 2 พอเปิดในมือถือแล้ว มันล้น ในทุกขนาดจอภาพ ทัั้งที่ใช้โค๊ดเดิมจากภาพแรก ลองทำใหม่แล้ว ก็กลับมาเหมือนเดิมครับ ไม่ทราบจะแก้ไขอย่างไรครับ
ปล.ลองใช้ css responsive โค๊ดใหม่ ก็กลับมาเป็นแบบภาพที่ 2 เหมือนเดิม ทำแบบเริ่มต้นใหม่ด้วยครับ
inspec ดูใน chrome จะแก้ง่ายขึ้นครับ
โค้ด css อยู่ในหน้าเดียวกัน หรือแยกเป็นไฟล์ ถ้าแยกเป็นไฟล์ เช่น style.css ให้เรียกเป็น style.css?v=1 เว็บบราวเซอร์จะได้อัพเดตโค้ดตามที่เราแก้ไขครับ
ลองใช้ responsinator น่าจะง่ายขึ้น
ลอง Inspect แล้วเอาเมาร์ชี้จุดที่ขวามือไล่ลงมา ว่ามี Div ไหนที่ดันอยู่นะครับ :wanwan017:
ผมเดาว่า ไม่ margin ก็ padding ดันครับ
น่าจะต้องกำหนดให้เป็น 0 ใน breakpoint ขนาดหน้าจอมือถือ
ถ้าเพราะ padding ก็อาจแค่เติม box-sizing:border-box; ในการแก้
แต่ก็ตอบยากครับ ไม่เห็นตัวอย่างจริง ก็ได้แต่เดาช่วยล้วนๆครับ
เข้ามาหาความรู้ครับ :wanwan017:
อ้างถึงจาก: userhuman ใน 21 กุมภาพันธ์ 2022, 02:01:54
ลอง Inspect แล้วเอาเมาร์ชี้จุดที่ขวามือไล่ลงมา ว่ามี Div ไหนที่ดันอยู่นะครับ :wanwan017:
ของจขกท. เหมือนผมจะเคยเป็นครับ
ใช้วิธีที่ท่าน userhuman ว่ามาไล่หาดูครับ
ผมไม่ใช่คนเขียนเป็นอาชีพ แค่มือสมัครเล่นเขียนแค่เว็บตัวเอง งูๆปลาๆค่อยๆแก้ไป
ใช้ wordpress หรือว่า เป็น coding คับ
มาเก็บความรู้ค้ะ :wanwan013:
มาหาความรู้ค่ะ :wanwan017:
ถ้าใช้ WordPress ปัญหานี้แก้ง่ายมากด้วย Elementor ตอนนี้ใช้ Elementor Pro ติดใจจริงๆ ค่ะ
:wanwan017: :wanwan017: :wanwan017: