CSS媒體查詢img最大寬度不起作用

我有一個包含大量條件媒體查詢語句的樣式表。範圍從iPhone分辨率到1600px。然而，我想讓img在一個特定的div流體中，就好像重新調整瀏覽器窗口大小時的大小，而不管已經編寫的條件@media查詢語句。我試過使用CSS媒體查詢img最大寬度不起作用

img { max-width: 100%}

但它根本不起作用，圖像保持原樣，不管瀏覽器窗口是什麼。爲了使其更有效，我添加了！重要的是在屬性的末尾，甚至粘貼了從iPhone分辨率到1600px的所有媒體查詢語句，但它不起作用。

無論已經寫入媒體查詢，我如何使這樣的效果，我希望在瀏覽器窗口更改時，圖像在某個div內變得靈活。

我加入

#inner_container img { max-width:100% !important; }

在這個樣式表的末尾

2013-07-06 monk

如果你想讓它變得流暢，它應該是'width：100％'而不是'max-width'。 – Nadh

但是當製作寬度：100％時，它會覆蓋整個div，我首先希望圖像在正常渲染時具有實際尺寸，當窗口大小調整時，則相應地最小化其寬度和高度。 – monk

爲了使其流暢，請使用'width：100％'。要使其具有原始尺寸，請使用'width：auto'。 – Nadh

如果你只是想調整爲小屏幕而不是縮放圖像了上更大的屏幕，這應該足夠：

#inner_container img{ 
    width: auto; 
    max-width: 100%; 
}

將它添加到任何媒體以外一個查詢並確保值不會被任何樣式覆蓋，如果需要，使用!important。

2013-07-06 06:56:47

不行不行 – monk

你能發佈一個鏈接喲你的網站試圖找到問題嗎？ –

http://strongcodelabs.com/test/inner.html 這裏注意到圖像在內容容器的末尾..它應該被調整大小，它現在不工作 – monk

回答