Автоматическое изменение размера области текста при печати

#javascript #html #css

Вопрос:

Я хочу автоматически увеличить размер области текста при печати. Я пытаюсь таким образом, но это не увеличивает размер:

 var linha = ``;  linha  = `lt;textarea class="area2 dentro" rows="1" data-min-rows="1"gt;Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste Teste lt;/textareagt;`;   $("#retorc6").html(linha);  document.getElementById("btnPrint1").onclick = function () {  printElement(document.getElementById("printThis1"));  }  function printElement(elem) {  var domClone = elem.cloneNode(true);  var $printSection = document.getElementById("printSection");    if (!$printSection) {  var $printSection = document.createElement("div");  $printSection.id = "printSection";  document.body.appendChild($printSection);  }  console.log($printSection);  $printSection.innerHTML = "";  $printSection.appendChild(domClone);  window.print(); } 
 @media screen {  #printSection {  display: none;  } }  @media print {  body * {  visibility:hidden;  }  #printSection, #printSection * {  visibility:visible;  }  #printSection {  position:absolute;  left:0;  top:0;  }  textarea {  min-height: 900px;   } } 
 lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"gt;lt;/scriptgt;  lt;button type="button" class="btn btn-info show-side-btn escoprint" id="btnPrint1" data-show="show-side-navigation1" style="float:right;"gt;lt;i class="fa fa-print" aria-hidden="true"gt;lt;/igt;lt;/buttongt;  lt;div id="printThis1" class="printThis1"gt;  lt;form role="form" action="#!" id="retorc6"gt;   lt;/formgt; lt;/divgt; 

Но таким образом размер не соответствует тексту при печати. Цель состоит в том, чтобы при печати настроить область текста в соответствии с размером текста. Кто-нибудь может помочь?