响应式绝对图像缩放

Question

为什么调整大小没有用？ （#mainContainer img）

#mainContainer
{
    width: 100%;
    color: white;
    text-align: center;
    position: absolute;
    bottom: 100px;
}

#mainContainer img
{
    margin-left: 20px;
    margin-right: 20px;
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

我得到了这个：http://idlecoin.tk/（尝试调整大小窗口（浏览器）） 我尝试了一切（也许）..而这并没有奏效。再次..再次..再次..

..我尝试让这个网站响应。

Answer 1

这是因为您的图片已应用了内嵌样式。

更改此

false

到这个

<img src="img/xpmx.png" width="250px" height="250px">

并使用：

<img src="img/xpmx.png">

内联样式始终优先于任何其他CSS。内联样式通常通过javascript添加。