打印文本区域文本 - 全长（高度）？

我有一个网络表单，我的客户希望用户能够打印出来。使用 CSS 进行一些样式设置就可以很好地工作，但是，我有几个textaear字段。如果用户键入的内容超过文本区域的高度，则打印时该类型将被截断。

我努力了textarea{height:100%;} and textarea{height:auto;}在打印样式表中，但这些都不起作用。

有没有办法将文本区域字段的大小调整为仅打印版本的文本大小？如果可能的话，我更喜欢可以插入到打印样式表中的 CSS 解决方案。如果这不可能，JavaScript 解决方案就可以工作。

截图对比：

注意：如果我不能只影响印刷版，我可以考虑使用JS自动调整textarea字段的大小 https://stackoverflow.com/q/454202/825757当有人打字时。

这对我有用（改编自this JS http://stackoverflow.com/questions/3303915/executing-function-before-page-gets-to-window-print/3303951#answer-3303951 and 这个 jQuery https://stackoverflow.com/questions/30050605/display-all-textarea-rows-without-scrolling#answer-30050774):

function resizeAndPrint() {   
    var _print = window.print;
    window.print = function() {
        $('textarea').each(function() {
            $(this).height($(this).prop('scrollHeight'));
        });
        _print();
    }
    window.print();
}