css - 我怎样才能防止我的图像扩大我的页面宽度？

Question

当我的网站在 800 像素处中断时，我在此页面上的照片会移动到正确的文本上方，但它也会放大到我网站的宽度，这很糟糕。我怎样才能让它停止扩大规模。我希望它始终是相同的大小，大约 392 像素宽。我尝试了下面的代码，但它似乎不起作用。

img { max-width: 392px !important; height: auto!important;}

现在它这样做了，将页脚锁定在底部。啊。在此处输入图像描述

score 4 · Accepted Answer

选项 A

如果您希望它始终具有相同的大小，请将您的 css 更改为：

img {
    width: 392px;
}

这是您的原始代码和我的答案的小提琴。http://jsfiddle.net/DrydenLong/Rs5F5/

更新

选项 B

由于您无法编辑现有 CSS，请添加以下代码，但请确保在现有 CSS 之后加载它。

img {
    max-width: 392px;
}

选项 C

或者，如果您可以访问 HTML，我建议您使用内联样式来执行此操作。像下面这样的东西也可以。

<img src="..." style="max-width: 392px;">

1 回答 1