高さの決まっていない印刷物へのcss設定方法について

シールを印刷できるラベルプリンタ(http://www.brother.co.jp/product/labelprinter/ql1050/index.htm)を用いて、ウェブで出力された画面を印刷したいのですが、このラベルプリンタにはオートカッターと呼ばれる機能があり、印刷物に決まった高さがなく、記入されている行数に応じて高さが決まり、自動で紙が切れます。
(スーパーのレシートのようなイメージです。幅(70mm)は固定されていて、高さが決まっていません。)

この機械を利用して、上下の余白が少なく、印刷されている部分が完了した時点でオートカッターで切れるようにしたいですのですが、印刷されている部分が完了しても余白が下の部分に多く残ってしまいます。
(最大高さ145mmとなっているのですが、例えば印刷のある部分の高さが50mmの場合、残りの95mmが白紙の状態で印刷されてしまいます。この95mmの部分は不要なので、切りたいです。)

印刷用のcssで@page{size}で設定しようと、javascriptで
下記のようにしてみたのですが、うまく行きませんでした。(ページ下部に白紙が多く残りました。)
(なお、高さが幅より短くなる場合もあり得ます。)

javascript
1<script>
2$(function(){
3							var size = size + "mm";//sizeは任意の数値
4							var size = "70mm " + size + " portrait";
5							document.styleSheets[0].cssRules[0].cssRules[0].style["size"] = size;
6});
7</script>

またhtmlで下記コードで、javascriptを用いて.printの高さを変えてみましたが、これもうまく行きませんでした。(この場合も同様にページ下部に白紙が多く残りました。)

html
1<body>	
2  <article>
3    <section class="print">
4    //表示用コード
5    </section>
6   </article>
7</body

javascript
1							var size = size + "mm";//sizeは任意の数値
2							$(".print").css("height",size);
3

css
1@media print {
2    @charset "utf-8";
3
4    body{
5      margin:0px;
6    }
7
8    @page{
9	    size:70mm 140mm portrait;
10	    margin:0px;
11    }
12
13    .print{
14	    width: 70mm;
15      height : 140mm;
16	    page-break-after:always;
17	    margin : 0px auto auto auto;
18    }
19
20    .print:last-child{
21	    page-break-after:auto;
22    }
23}

どのようにすればいいでしょうか？
非常に特殊なケースかと思いますが、御教示頂ければ幸いです。
なお、使用しているブラウザはchromeです。

m.ts10806

2017/05/30 01:42 編集

「うまくいかない」だけでは理解が難しい部分もありますので「どのようになるべきなのにどうなってしまった」というところを具体的に記述してください。JavaScriptもHTMLも（場合によりCSSも）一部だけでは本当にそこだけが問題なのか分かりません。コードもできる限り（できれば全て）提示された方がより問題解決に近づくと思いますよ。