Question

我很难让我的Tumblr网站响应。到目前为止，我只是设法使标题响应。图像在主页面上水平加载而不是垂直加载。在所有其他页面上，标题响应但图像仍然很大。

这改变了标题 -

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

要更改图像的大小，我添加了它，但它不起作用 -

height:100%;
max-width: 100%;
width: auto;

我做错了什么???在CSS中我添加了所有@media屏幕，但它仍然无效。请帮忙！

Answer 1

如果你能用代码再详细说明一下，那么找出解决方案对我有用吗？但是，嘿，lemme给你一个样品......

HTML：

<div class="ttt">
    <img src="http://www.moovweb.com/content/uploads/2013/09/stackoverflow-logo.png">
</div>

CSS：

.ttt {
    width:300px;
    height:500px;
}
img {
    height:100%;
    max-width: 100%;
    width: auto;
    height:auto;
}

这是一个有效的 Fiddle 尝试更改母div的宽度。同样可以应用于@media查询。：）

Tumblr网站没有响应

1 个答案: