1

我创建了包含高分辨率图像(400X400)的html div(即100X100)元素。并且当捕获它在网页(100X100)上生成具有相同显示的图像时,我想生成比 div 元素更大(200X200)的图像。我无法理解这怎么可能..可以帮助我,谢谢。

4

1 回答 1

0

Here is a FIDDLE.

The upper div is an image 400x400, shrunk to 100x100.

The middle div is an image 400x400, shrunk to 50x50.

The bottom div is an image 50x50, enlarged to 100x100. - You can see "blurring" and pixelation.

CSS

.picturediv {
    width: 100px;
    height: 100px;
    border: 4px solid blue;
    margin: 0px auto;
}
.picturediv:nth-child(1) img {
    height: 100px;
    width: 100px;
}
.picturediv:nth-child(2) img {
    height: 50px;
    width: 50px;
}
.picturediv:nth-child(3) img {
    height: 100px;
    width: 100px;
}
于 2014-02-01T09:58:00.787 回答