印刷の設定ディメンションにコードを限定する

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

をしかし、それは名前と最初の行でのラベルの2枚（62X90mm）に印刷します住所、市、郵便番号、国が続きます。サイズについて

Answer 1

使用しミリメートル、ここを見て： https://www.w3.org/Style/Examples/007/units.en.html

フォールバック以下IE8とのパーセントサイズに。

あなたのコードを見ると、あなたの最善の策は、div内で全体を囲み、メディアクエリと条件付きコメントを使用することです。詳細が必要な場合はお知らせください。遅れています。