html - 控制图像大小@top-right css

Question

我正在使用 HTML 和 CSS 构建报告。我正在研究一个在打印时跨页面重复的页眉。为了实现这一点，我正在使用@page 属性，特别是尝试将图像插入@top-right。请参阅下面的 CSS：

 @page {     
    @top-right {
        content: url('/home/resources/logo.jpg');
        border-bottom: .75px solid black;
        border-collapse: collapse;
        width:25%;
        border-spacing:0;
    }

问题是图像很大。如果这是<img>在 HTML 中，我会像这样调整它的大小：

img.logo { height: 25px; width: 100px; }

但是，我无法做到这一点，因为图像是通过url(). 有谁知道如何控制图像的大小？

有关完整信息，我正在使用 Wea​​syPrint 将 HTML/CSS 转换为 PDF。

标签： htmlcss

Answer 1

你不能使用<img>，但你仍然可以使用background-size。也许是这样的：

background-size: 25px 100px; /* background-size: height width */