ต่อไป »

[TheFaceBook]

https://search.google.com/search-console/mobile-friendly

ผมใช้เว็บอ่านมังงะ ทดสอบแต่ผลคือ รูปภาพมันเกินขอบออกมา ทั้งๆที่ผมก็ตั้งภาพเป็น     max-width: 100%; น่าจะย่อขยายตามหน้าจอสิ
พอผมเอาของเว็บอื่นๆ ไปทดสอบ ผลคือ ภาพมันไม่ขึ้น ซึ่งผมงงมาก ของผมภาพขึ้น แต่เว็บอื่นภาพไม่ขึ้น เลยไม่เกินขอบ ไม่เข้าใจจะแก้ยังไง

 

อันบนของผม อันล่างเอาตัวอย่างจากเว็บ oremanga ครับ
ใครทราบโปรดช่วยทีครับ
 

[TheFaceBook]

 

[yuttorich]

เว็บไซต์ใช้ตัวไหนครับ

[BakKheab]

ที่มันเลยขอบเพราะ คุณใส่แบบนี้หรือเปล่าครับ
max-width: 100%;
width: 600px;

ทางที่ดีผมว่าคุณน่าจะลองใช้ @media screen

เว็บ oremanga ก็น่าจะใช้ @media screen แล้ว display: none เอาไว้

ผมเดาเอานะครับ เพราะไม่ได้เห็นโค้ด 

[MD.18]

ส่วนตัวใช้อย่างนี้ครับ

.anime-box{width:100%;max-width:600px} /* กำหนดขนาดกล่องที่ใส่รูปให้เต็มพื้นที่แต่กว้างสุดไม่เกิน600px*/
.anime-box img{width:100%}/* มีวรรคด้วยนะ กำหนดขนาดรูปไว้กว้างเต็มกล่องanime-boxเสมอ*/

สรุปเราควบคุมที่ตัวกล่องใส่ครับตัวรูปในกล่อง anime-boxทำไว้100%เสมอ

แต่จริงๆต้องมาดูว่าอะไรที่เลยออกนอกเฟรม ตัวรูปหรือตัวกล่องที่ใส่รูป  และจริงๆยังไม่รู้ว่า จขกท.อยากทำให้ออกมายังไงเพราะcssมันปรับได้หมดนั่นแหละ