У меня проблемы со стилем ширины изображения 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;}, установите его внутри некоторого медиа-запроса для ширины мобильного устройства. По какой-то причине мобильное сафари не учитывает table-layout:fixed;, возможно, что-то перезаписывает это
- person Veselin; 17.07.2014
У вас есть javascript в вашей теме WordPress, который переопределяет ваш css. Когда вы проверяете свое изображение, создаются атрибуты width и height, которые также влияют на контейнеры и оболочку. Вы должны найти, где в вашей теме отключить это поведение (очистить)
