Jump to content

imagen responsive en internet explorer 11


pablobuendiaelvira

Recommended Posts

Hola,

Necesito ayuda porque estoy saliendo loco.

Tengo una imagen de cabecera en mi web que en Chrome y Firefox se adapta perfectamente y se hace responsive según el dispositivo.

En cambio, en internet explorer 11 no, se muestra según su tamaño. He visto que puede ser un debug de IE11 y no sé como solucionarlo.

Aquí dejo una captura de pantalla de Chrome y de IE11.

Muchas gracias.

 

chrome.jpg

ie11.jpg

Link to comment
Share on other sites

Hola,

A la etiqueta de la imagen metele la clase de bootstrap que la hace automáticamente responsiva, y si antes has hecho sus ajustes de tamaño manuales, eliminalos.

  • Bootstrap 3 usa: img-responsive
  • Bootstrap 4 usa: img-fluid

 

Saludos!

Link to comment
Share on other sites

Hola Rolige

Tengo este código en el div del logo y la imagen de cabecera.

<div id="" style="width: 100%; height: auto; display: flex; justify-content: center; align-items: center;">
                                <a href="{if $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{$shop_name|escape:'html':'UTF-8'}">
                                    <img class="img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
                                    <span style="display: flex; justify-content: center; align-items: center; font-size: 30px;">La mejor medicina privada sin seguro.</span><br>
                                    <img class="img-responsive" src="{$base_dir}/img/idoctor_home.jpg" alt="{$shop_name|escape:'html':'UTF-8'}"/>
                                </a>
                                
                            </div>

 

En IE no me muestra ni el logo ni la imagen de cabecera responsive.

1.jpg

Link to comment
Share on other sites

  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...