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

そして、これが実際のFiddleです。マザー div の幅を変更してみてください。@media クエリにも同じことが適用できます。:)

于 2013-11-12T13:43:50.943 に答える