1

画像を含まれている div の 100% 幅に拡大しようとしています (これは、ウィンドウ サイズに応じて div のサイズが変化するレスポンシブ レイアウトであるため、画像を拡大縮小する必要があります)。

これは私のcssです：

.container {
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: relative;
    margin: 10px;
    float: left;
}
@media (max-width: 520px) {
.container {
    width: 100px;
    height: 100px;
    margin: 5px;
}
}

.container img {
    width: 100%;
    }

画像は、リンクの場合を除き、この css を使用して適切にサイズ変更されます。このような：

<div class="container">    
<a href="http://andreaalice.com/index.shtml"><img src="images/image.jpg"></a>
</div>

画像リンクは、100px である div の 100% に縮小するのではなく、200px のフル サイズのままです。

リンクされた画像を拡大縮小する方法を知っている人はいますか?

4

3 に答える 3

2

やってみました：

.container a img {
    width: 100%;
 }

?

ここで必要なことを行うと思われる簡単な例を作成しました。

于 2013-05-25T06:23:25.947 に答える
0

フレックスディスプレイを使用してこれを解決しました。これを要素検査ツールに貼り付けてみてください

element.style { display: flex; width: 100%; }

于 2015-02-19T12:58:18.970 に答える