css - wordpress 主题(或任何主题，真的)的最大图像宽度

Question

在 word press 中，如果你上传一张图片，并让它以 100% 显示:如果它超过了它的容器宽度，主题将:

a) 被破坏，弄乱了页面布局

或

b) 隐藏无法显示的额外宽度

当然，这是针对非流体布局的。

这里给出的解决方案:

http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/

p img {
    padding: 0;
    max-width: 100%;
}
#header, #content, #footer, .widget {
    overflow: hidden;
}

这样做的目的，显然只是确保图像显示在嵌套对象宽度的 100% 以下

还有 overflow: hidden是让多余的bit消失？

好吧，这不是我要找的。

我正在寻找一种方法(最好是在 css 中)来做到这一点:

如果图片太大，将其设为可用宽度的 100%；

如果图片不是太大，将其设为原始大小。

我一直在设置 <img width="100%"解决这个问题，但是这会带来流体布局的问题，例如放大图像的可能性。

编辑:显然，max-width风格应该适用于预期目的。但是在 wordpress 的 Mystique 主题 用户 css 中它不起作用，我无法弄清楚为什么。主题本身就最大宽度采取的措施之间可能存在冲突。 y.estamine.net/main/wp-content/themes/mystique/style.css <- 我想是这里的某个地方。

Answer 1

最大内容宽度应在 functions.php 中设置。下面的例子来自 Twentyten。这将防止您的大尺寸图像溢出。

 * Set the content width based on the theme's design and stylesheet.
 *
 * Used to set the width of images and content. Should be equal to the width the theme
 * is designed for, generally via the style.css stylesheet.
 */
if ( ! isset( $content_width ) )
    $content_width = 640;