0

我很难让我的 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 屏幕，但它仍然无法正常工作。请帮忙！

4

1 回答 1

0

如果您可以用代码详细说明一下，我是否对找出解决方案有用。但是，嘿，让我给你一个样本......

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;
}

这是一个有效的小提琴尝试更改母 div 的宽度。@media 查询同样适用。:)

于 2013-11-12T13:43:50.943 回答