Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

305
Views
Ajustar el diseño del contenido de un iframe según el tamaño de la ventana

Tengo un iframe que se vincula a una documentación de código Fortran creada con FORD . Tiene el mismo diseño que esta página. Quiero usar un iframe en mi sitio web Sphinx para mostrar su contenido en una de sus páginas. Sin embargo, vincularlo hace que el diseño del contenido del iframe no cambie como lo haría si solo se abriera la documentación. En cambio, empuja la ventana de tamaño completo hacia la izquierda para que solo la mitad sea visible, como en la siguiente imagen:

diseño actual del sitio web completo

¿Hay alguna manera de reducir el contenido del iframe a medida que cambia el diseño de la ventana para que los bordes se minimicen primero y luego se muestre una barra de desplazamiento en la parte inferior? El iframe está incrustado en el sitio de la siguiente manera:

 .. raw:: html <iframe src="path_to_FORD_documentation_index.html" style="position:fixed; top:auto; left:auto; bottom:auto; right:auto; width:100%; height:100%; border:none; margin:auto; padding:auto; overflow:hidden; z-index:999999;"> Your browser doesn't support iframes </iframe>

Ya probé el enfoque basado en javascript de esta pregunta, pero esto solo creó una barra de desplazamiento en la parte inferior de la página principal pero no cambió el tamaño del contenido del iframe.

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Sin tener mucho para continuar, creo que su problema está en sus propiedades de height y width . Su DOM está cargando el iFrame antes de que el iFrame cargue el contenido. Entonces, cuando se crea el elemento, no tiene ancho ni alto, por lo que el iFrame tiene como valor predeterminado mínimo alto/ancho. La solución podría ser precargar el enlace iFrame:

<link rel="preload" href="https://path_to_FORD_documentation_index.html" as="document"> luego llame a iFrame como lo hace ahora

O puede cambiar el tamaño del iFrame en una función y llamarlo después de que se cargue la página:

 <script> iFrame.width = iFrame.contentWindow.document.body.scrollWidth iFrame.height = iFrame.contentWindow.document.body.scrollHeight </script>
about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!