CSS：如何控制SVG的大小在页面页脚

Question

我是新来的CSS的继承下面的代码，增加了一个页面页脚打印文档

@page { 
    @bottom-right { 
    content: counter(page) "("counter(pages)")"; 
    border-top:1mm #00a7d1 solid; 
    width:100%; 
    } 

    @bottom-left { 
    content: url(logo.jpg); 
    } 
} 

我想改变logo.jpg是一个SVG图片。只需更改URL即可工作，但生成的图形跨越整个页面宽度。

在样式表中的SVG的大小可以控制这样的另一部分：

#logo { 
    position:absolute; 
    height:auto; 
    width:52mm; 
} 

然而，对于width或height设置内部@bottom-left值没有影响。如何从@page规则中控制SVG的大小？

---

编辑： 这里的<svg>根元素

<svg 
    xmlns:dc="http://purl.org/dc/elements/1.1/" 
    xmlns:cc="http://creativecommons.org/ns#" 
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" 
    xmlns:svg="http://www.w3.org/2000/svg" 
    xmlns="http://www.w3.org/2000/svg" 
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" 
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" 
    width="233.21152mm" 
    height="72.102554mm" 
    viewBox="0 0 826.34002 255.48149" 
    id="svg2" 
    version="1.1" 
    inkscape:version="0.91 r13725" 
    sodipodi:docname="logo.svg"> 

Answer 1

我不认为你可以直接设置大小的margin at-rule。它由@page中的配置决定。虽然我没有使用分页的媒体规则，所以我不能100％确定。

但是尝试将SVG中的width和height从其当前固定大小的值（“233mm”等）更改为"100%"。它应该允许SVG徽标正确缩放。