1

我正在使用 Wordpress 二十十二主题的孩子,当我缩小屏幕时,我的图像没有调整大小。我遇到问题的页面是:

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

3 回答 3

3

实际上,当放置图像的容器调整大小时,图像会调整大小,如果您使用 div 或任何其他元素确保它也调整大小......如果您尝试为响应式设计制作 UI,您可以使用CSS3 媒体查询...我建议这样做是因为您的网站是您的网站是动态 wordpress...确保这些媒体查询会有所帮助...

于 2013-04-04T05:37:11.670 回答
2

我认为索拉布是对的。当父元素不可调整大小时,我们如何期望其子元素可调整大小。只需尝试调整您的#content 大小即可。以百分比表示宽度。它会让您的图像自动响应。希望它可以帮助你。

#content {
float: left;
padding-right: 1em;
width: 100%;
}
于 2013-04-04T18:55:33.290 回答
-1

使用空格:nowrap;在你的 div

于 2013-04-04T02:14:35.847 回答