1

写真アルバムを作成しています。写真は、次の CSS を使用してページをカバーする div に表示されます。

.photoHolder {
    background-size: contain;
    background-image: url(theImage.jpg);
    background-position: 50% 50%;
    background-repeat: none;
    width: 100%;
    height: 90%;
    [...]
}

元の画像が のサイズよりも小さい場合、photoHolder画像が引き伸ばされてロープ状に見えます。JavaScript を使用して div のサイズを制限せずにこれを停止する方法はありますか?

もちろん、写真のサイズはさまざまですphotoHolder(使用可能なウィンドウの大部分を占めるため)。

4

1 に答える 1

2

削除するだけです

background-size: contain;

これにより、背景画像が伸びます。

于 2013-08-08T11:49:01.700 に答える