如何保持图像不会放大页面的宽度？

Question

当我的网站突破800像素时，我的photo on this page会移动到正确的文本上方，但它也会扩展到我网站的宽度，这很糟糕。如何让它停止放大。我希望它总是相同的大小，宽约392像素。我尝试了下面的代码，但似乎没有用。

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

现在这样做，将页脚锁定在底部。啊。

Answer 1

选项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;">