存储在mysql中的图像的背景封面

Question

我有一个存储在数据库中的图像，我试图将其拉伸到div的宽度和高度，我可以将宽度设置为100％，但不能达到相同的高度。

我想使用背景封面但不会工作，因为我没有通过背景获取我的图像：在css中的url（）

代码已尝试过不同的变体，但目前是：

<div id="postimave">
    <img src="data:image/jpeg;base64,<?php echo base64_encode($thumb) ?>" />
</div>

CSS：

img {
    width:100%;
    height:100%;
    background-size:cover;
}

Answer 1

将图像拉伸到div的高度和宽度（以像素为单位（px）可能不是最好的工作点

Answer 2

background-size: cover;只能应用于CSS中的background-image定义。你说你不能那样用它。有具体原因吗？一般来说，它确实以这种方式工作：

<div id="postimave" style="background-image: url(data:image/jpeg;base64,<?php echo base64_encode($thumb); ?>)">
</div>

CSS：

#postimave{
    background-size:cover;
    /* Add your desired width and height */
}

使用img - 元素，您可以设置width: 100%;水平填充空间。其他选项是通过PHP调整图像大小/裁剪图像或使用JavaScript重新创建封面效果。