php - 存储在 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

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

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

Answer 2

将图像拉伸到 div 的像素 (px) 的高度和宽度可能不是最好的简单位应该工作