ฉันมีปัญหากับการกำหนดสไตล์ความกว้างของภาพ CSS ในธีม WordPress ของฉัน ความกว้างของรูปภาพถูกตั้งค่าเป็น 100% อย่างไรก็ตาม รูปภาพจะปรากฏในขนาดดั้งเดิม และน้ำล้นก็ถูกซ่อนอยู่ อย่างไรก็ตาม ฉันไม่รู้ว่าองค์ประกอบใดที่ทำให้เกิดพฤติกรรมนี้ และจะแก้ไขได้อย่างไร
http://www.dailycat.de/19-gruende-warum-man-katzen-lieben-muss-758/
ขอบคุณ ฉันซาบซึ้งกับความช่วยเหลือของคุณจริงๆ!
เนื่องจาก .row-fluid ของคุณมีเบราว์เซอร์ display:table; แสดงผลเป็นตาราง ดังนั้นเมื่อคุณตั้งค่า table-layout:fixed; เบราว์เซอร์ ให้ตั้งค่าความกว้างของตารางเป็น 100% โดยไม่สนใจความกว้างของเซลล์ของตาราง รูปภาพของคุณมีความกว้างมากกว่าผืนผ้าใบของเบราว์เซอร์บนมือถือ และเมื่อคุณมี table-layout:auto; (ค่าเริ่มต้น) ความกว้างของคอนเทนเนอร์จะกลายเป็นความกว้างของเซลล์ (ในกรณีของคุณ - ความกว้างของรูปภาพ)
ข้อมูลเพิ่มเติมเกี่ยวกับ table-layout บน w3schools
รหัสนี้ควรแก้ไขปัญหาของคุณ
.row-fluid {table-layout:fixed;}
.row-fluid {display:block;} ตั้งค่านี้ภายในคิวรีสื่อสำหรับความกว้างของอุปกรณ์มือถือ ด้วยเหตุผลบางอย่าง Safari บนมือถือไม่เคารพ table-layout:fixed; อาจมีบางอย่างเขียนทับสิ่งนี้
- person Veselin; 17.07.2014
คุณมีจาวาสคริปต์ในธีมเวิร์ดเพรสซึ่งแทนที่ CSS ของคุณ เมื่อคุณตรวจสอบรูปภาพของคุณ จะมีการสร้างแอตทริบิวต์ width และ height ซึ่งจะส่งผลต่อคอนเทนเนอร์และกระดาษห่อด้วย คุณต้องค้นหาว่าธีมของคุณอยู่ที่ไหนเพื่อปิดการใช้งานพฤติกรรมนี้ (สะอาด)
