2017-02-10 3 views
0

Когда у меня есть родительский элемент с шириной 30% и дочерний элемент со 100%, все браузеры изменяют размер img для сохранения пропорций. Но в хром просто распространяется и деформируется. Кто-нибудь слышал об этом?Google Chrome не изменяет размер img

Я не знаю, как сделать код этой проблемы, поэтому я просто поставлю ссылку. http://almaweby.cz/reference.html

+0

Вы пробовали явно устанавливая 'высоту: auto'? – Connum

+0

Вам действительно нужно использовать 'flex-box'? попробуйте изменить отображение для 'div class =" hook "' элементов для 'display: inline-block', а затем изображения должны вести себя корректно, ИЛИ поместить ваши элементы' ' в дополнительные контейнеры, например. '

', тогда flex-box должен влиять на элементы div, а не 'img'. –

+0

@ Paweł thanks, я использовал второе решение, потому что использовал его в встроенном блоке, но тогда мои js не работали должным образом. Опубликуйте ответ, чтобы я мог пометить ваш ответ как правильно – pandik70

ответ

0

попытки изменить отображение для div class="hook" элементов для display:inline-block, а затем изображения должны вести себя правильно, или положить ваши <img> элементов в дополнительные контейнеры, например. <div><img/></div>, тогда гибкая коробка должна влиять на элементы div, а не на img.

0

я думаю, что его изменение размеров в хроме, Мой хром показывает маленькие изображения ..

+0

Я уже исправил его;) – pandik70

Смежные вопросы