Wordpress 图像未在响应性设计上调整大小

我正在使用Wordpress Twenty-12主题的子对象，当我缩小屏幕时，我的图像没有调整大小。我遇到问题的页面是：

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%;
}

---

使用空白：nowrap；在div中使用空格：nowrap；在您的div中，当图像所在的容器调整大小时，实际上图像将调整大小，如果您使用div或任何其他元素，请确保它也调整大小。。。如果您试图为响应性设计制作UI，您可以使用CSS3媒体查询。。。我建议这样做是因为你的网站是一个动态的wordpress。。。确保这些媒体查询会有帮助…

当图像所在的容器调整大小时，图像实际上会调整大小，如果您使用div或任何其他元素，请确保它也会调整大小。。。如果您试图为响应性设计制作UI，您可以使用CSS3媒体查询。。。我建议这样做是因为你的网站是一个动态的wordpress。。。确保这些媒体查询有助于……

我认为索拉布是对的。当父元素不可调整大小时，我们如何期望其子元素可以调整大小。试着调整你的内容大小。以百分比表示宽度。它将使您的图像自动响应。希望对你有帮助

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

---

我认为索拉布是对的。当父元素不可调整大小时，我们如何期望其子元素可以调整大小。试着调整你的内容大小。以百分比表示宽度。它将使您的图像自动响应。希望对你有帮助

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

---

你的意思是什么？在问题中添加相关代码会有所帮助。突出显示问题区域的屏幕截图也会有所帮助。添加代码。希望有帮助。你的意思是什么？在问题中添加相关代码会有所帮助。突出显示问题区域的屏幕截图也会有所帮助。添加代码。希望能有帮助。我试图用这段代码将其包装在一个div中，但没有成功。我应该把它放进图像代码本身吗？我试着用这个代码把它包装在一个div中，但是没有用。我应该把它放进图像代码本身吗？当你使用这些媒体查询使其响应时，把你的图像变成css精灵，这样它就会相应地缩放。我喜欢这个答案+给你@SaurabhLPand当你使用这些媒体查询使其响应，使你的图像成为css精灵，这样它将相应地缩放。我喜欢这个答案+给你@SaurabhLPIf如果我有代表+1你我会的。谢谢你提供代码！如果我有代表+1你，我会的。谢谢你提供代码！