novato aquí, quiero que el PDF incrustado aparezca con 100% de ancho y 97,5% de alto, pero no puedo resolverlo
<style>.size { width:100%; height:97.5%; } </style> <button type="button" id="show" onclick="PDFshow(this); classadd()" >PDF anzeigen</button> <div id="pdfsize"> <script> function PDFshow(x) { x.style.visibility = 'hidden'; var x = document.createElement("EMBED"); x.setAttribute("src", "Doku.pdf"); document.body.appendChild(x); } </script> </div> <script> function classadd() { var element = document.getElementById("pdfsize"); element.classList.add("size"); } </script>Agregue esto después de x.setAttribute("src", "images/application-form.pdf"); :
x.setAttribute("width", "100%"); x.setAttribute("height", "97.5%"); puede eliminar el código css de .size y agregar altura en la etiqueta del cuerpo de 100vh.
<button type="button" id="show" onclick="showPDF(this)" >PDF anzeigen</button> <script> function showPDF(x) { x.style.display = "none"; var x = document.createElement("EMBED"); x.setAttribute("src", "Doku.pdf"); x.classList.add("size"); document.body.appendChild(x); } </script>