Question

我已经抓住了这个模板，用于我正在尝试解决的网站上，我需要允许它打印到一个设定尺寸才能使用我的标签打印机。（62x90mm）。这是我的代码，但我很难使其与62x90mm尺寸相匹配，如上所述。

{% if shipping_address %}
<div style="padding: 1.5em; border: 1px solid black;">
<h2 style="margin: 0 0 1em 0;">Recipient</h2>
<strong>{{ shipping_address.name }}</strong><br/>
{% if shipping_address.company %}
{{ shipping_address.company }}<br/>
{% endif %}
{{ shipping_address.street }}<br/>
{{ shipping_address.city }} {{ shipping_address.province_code }} {{ shipping_address.zip | upcase }}<br/>
{{ shipping_address.country }}
</div>
{% endif %}

现在改为：

{% if shipping_address %}
<div style="padding: 1.5em; border: 1px solid black; height: 210px; width: 320px; font-size: 20px">
<h2 style="margin: 0 0 0.2em 0;">Send To</h2>
<strong>{{ shipping_address.name }}</strong><br/>
{% if shipping_address.company %}
{{ shipping_address.company }}<br/>
{% endif %}
{{ shipping_address.street }}<br/>
{{ shipping_address.city }}
{{ shipping_address.province_code }}<br/>
{{ shipping_address.zip | upcase }}<br/>
{{ shipping_address.country }}
</div>
{% endif %}

它提供了这样的视觉输出：https://i.imgur.com/EsJy6fs.png

但是它打印在两个标签（62X90mm）上，其中一个是地址的名称和第一行，后面是城市，邮政编码和国家。

Answer 1

使用mm作为尺寸，请看这里： https://www.w3.org/Style/Examples/007/units.en.html

回退到IE8及以下的百分比大小。

查看您的代码，我认为您最好的选择是将整个内容包装在div中并使用媒体查询和条件注释。如果你需要更多细节，请告诉我，现在已经很晚了。

将代码限制为用于打印的设定尺寸

1 个答案: