Saya memiliki masalah dengan penataan lebar gambar css di tema wordpress saya. Lebar Gambar diatur ke 100% namun gambar muncul dalam ukuran aslinya. dan overflow entah bagaimana disembunyikan. Namun saya tidak tahu elemen mana yang menyebabkan perilaku ini dan bagaimana cara memperbaikinya?
http://www.dailycat.de/19-gruende-warum-man-katzen-lieben-muss-758/
Terima kasih, saya sangat menghargai bantuan Anda!
Karena .row-fluid Anda memiliki display:table; browser yang merendernya sebagai tabel, maka saat Anda menyetel table-layout:fixed; browser, atur lebar tabel menjadi 100%, abaikan lebar selnya. Gambar Anda memiliki lebar lebih besar daripada kanvas browser di seluler dan ketika Anda memiliki table-layout:auto; (nilai default), lebar wadah menjadi lebar sel (dalam kasus Anda - lebar gambar)
Informasi lebih lanjut tentang table-layout di w3schools
Kode ini seharusnya memperbaiki masalah Anda
.row-fluid {table-layout:fixed;}
.row-fluid {display:block;}, atur ini di dalam beberapa kueri media untuk lebar perangkat seluler. Untuk beberapa alasan safari seluler tidak menghormati table-layout:fixed; mungkin ada sesuatu yang menimpa ini
- person Veselin; 17.07.2014
Anda memiliki javascript pada tema wordpress Anda yang menggantikan css Anda. Saat Anda memeriksa gambar Anda, ada atribut width dan height yang dihasilkan, hal ini juga memengaruhi wadah dan pembungkusnya. Anda harus menemukan tempat di tema Anda untuk menonaktifkan perilaku ini (bersih)
