Question

这是我的风格：

    <style>
    .floating-box {
        display: inline-block;
        width: 150px;
        height: 75px;
        margin: 10px;
        border: 3px solid #73AD21; 

    }
    img {
        width: 100%;
        height: 100%;
        max-height: 100%;
        max-width: 100%;
    }

</style>

My result

当我运行它时，结果很好，只是在HTML中显示它，但当我尝试使用DOMPDF进行打印时，结果是div的图像，如图像，你能帮帮我吗？

<div class="floating-box"><img src="{{url('img/bg2.jpg')}}" /></div>
<div class="floating-box"><img src="{{url('img/bg2.jpg')}}" /></div>
<div class="floating-box"><img src="{{url('img/bg2.jpg')}}" /></div>
<div class="floating-box"><img src="{{url('img/bg2.jpg')}}" /></div>

等

Answer 1

仅使用物理尺寸（in，cm，ft等），因为打印设备以英寸，厘米，英尺等测量其内容。像素取决于您的显示器。

打印时为什么图像不在div中？

1 个答案: