Изображение не изменяет размер на отзывчивом дизайне

Question

Я использую дочерний элемент из темы Wordpress Twenty Twelve, и мое изображение не изменяется при изменении размера экрана. Страница, с которой у меня возникают проблемы:

http://69.195.124.68/~discowv9/?page_id=146 

Если вы уменьшите ширину экрана, вы увидите, что изображение не изменит размер. Обычно эта тема в WP автоматически изменяет размеры изображений. Я не могу найти код CSS, который не позволяет изменять размер.

Заранее благодарю вас за помощь.

Я попытался опубликовать снимок экрана, но моя репутация недостаточно высока. Это изображение до и после выстрелов в руле гольфа.

<div style="white-space:nowrap;"><img class="wp-image-438 alignleft" src="http://69.195.124.68/~discowv9/wp-content/uploads/2013/04/Cleaning-Process-of-Club-Grip.jpg" alt="Cleaning a Golf Club Grip with Club Care" style="line-height: 1.714285714; font-size: 1rem;"></img></div> 

.entry-content img, .comment-content img, .widget img { 
    max-width: 100%; 
} 
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { 
    height: auto; 
} 
img.size-full, img.size-large, img.header-image, img.wp-post-image { 
    height: auto; 
    max-width: 100%; 
} 

Answer 1

Фактически изображение будет изменяться, когда контейнер, в котором размещается изображение, изменит размер, если вы используете div или любой другой элемент, убедитесь, что он также изменяет размер ..., если вы пытаетесь создать пользовательский интерфейс для реагирования дизайн вы можете использовать CSS3 Media Queries ... Я предлагаю это потому, что ваш сайт является ваш сайт динамический WordPress ... Убедитесь, что эти Media Queries поможет ...

Answer 2

использовать пробел: nowrap; в вашем div

Answer 3

Я Хинк Саурабх прав , Когда родительский элемент не изменяет размер, то как мы можем ожидать, что его дочерний элемент будет изменяться. Просто попробуйте изменить размер #content. Дайте ему ширину в процентах. И это автоматически изменит ваше изображение. Надеюсь, это поможет вам.

#content { 
float: left; 
padding-right: 1em; 
width: 100%; 
}