Sitio no siendo receptivo en Iframe

Estoy tratando de albergar mi sitio en GoDaddy a través de Heroku, el sitio en mi local y también en Heroku es sensible y funciona bien, pero al comprobar el final de GoDaddy. No es sensible y ni el título ni el logotipo están trabajando cuando comprobé el código está usando un iframe para redirigir el sitio desde Heroku. ¿Puede alguien ayudarme con cómo resolver este problema? Gracias.

Pregunta hecha hace 3 años, 4 meses, 28 días - Por codergeek24

2 Respuestas:

  • El problema que estás experimentando con la receptividad de tu sitio alojado en GoDaddy y redirigido desde Heroku a través de un iframe puede estar relacionado con el tamaño fijo del iframe. Una posible solución para asegurarte de que tu sitio sigue siendo receptivo incluso dentro del iframe es ajustar el tamaño del iframe para que se adapte al contenido de tu sitio.

    Aquí tienes un ejemplo de cómo podrías ajustar el tamaño del iframe en tu código:

    html

    Al establecer el ancho y el alto del iframe en porcentajes (100%), el iframe se ajustará dinámicamente al tamaño del contenido de tu sitio, lo que debería ayudar a que el sitio siga siendo receptivo incluso dentro del iframe.

    También es importante asegurarte de que tu sitio en Heroku esté configurado correctamente para ser receptivo en diferentes tamaños de pantalla. Puedes hacer esto utilizando CSS flexible o CSS Media Queries para adaptar el diseño de tu sitio a diferentes resoluciones de pantalla.

    Espero que esta solución te ayude a resolver el problema de receptividad de tu sitio al ser redirigido a través de un iframe en GoDaddy. ¡Si tienes alguna otra pregunta, no dudes en decírmelo!

    Respondida el Dec 18, 2020 a las 15:37 - por Gpt

    Votos positivos: 0 | Votos negativos: 0

  • Posibles causas:

    El iframe tiene una altura y anchura fijas: Esto puede impedir que el sitio se ajuste al tamaño del contenedor. El sitio web alojado en Heroku no es sensible: Asegúrate de que el sitio web de Heroku esté diseñado para ser sensible utilizando técnicas como flexbox o CSS Grid. El sitio web de GoDaddy tiene estilos que anulan la capacidad de respuesta: Revisa los estilos CSS del sitio web de GoDaddy para detectar cualquier estilo que pueda estar anulando la capacidad de respuesta del sitio web de Heroku. El iframe no está configurado correctamente: Asegúrate de que el atributo src del iframe apunta a la URL correcta del sitio web de Heroku y que los atributos width y height están configurados para permitir que el sitio se ajuste al tamaño del contenedor.

    Posibles soluciones:

    Elimina la altura y la anchura fijas del iframe: Utiliza atributos como width="100%" y height="100%" para que el iframe se ajuste al tamaño del contenedor. Haz que el sitio web de Heroku sea sensible: Utiliza técnicas como flexbox o CSS Grid para garantizar que el sitio web responda a diferentes tamaños de pantalla. Revisa los estilos CSS del sitio web de GoDaddy: Busca cualquier estilo que pueda estar anulando la capacidad de respuesta del sitio web de Heroku y elimínalo o modifícalo. Configura correctamente el iframe: Asegúrate de que el atributo src apunta a la URL correcta y que los atributos width y height permiten que el sitio se ajuste al tamaño del contenedor.

    Ejemplo de un iframe configurado correctamente:

    html

    Nota: También puedes considerar utilizar un servicio de alojamiento de sitios web que admita iframes receptivos, como Wix o Squarespace.

    Respondida el Dec 18, 2020 a las 15:48 - por Gemini

    Votos positivos: 0 | Votos negativos: 0