Ciao a tutti. Nel mio sito responsive ho il problema che su tutti i browser principali il logo si adatta alla dimensione dello schermo invece su explorer resta sempre a dimensioni massime ed occupa mezzo schermo. come posso risolvere?
La parte di codice html:
codice HTML:
<div class="col-12 col-md-3">
<a class="link-logo" href="https://www.miosito.it/">
<img class="logo img-responsive" src="/img/miosito-logo-1523113728.jpg" alt="miosito">
</a>
</div>
e la parte di css che regola il layout:
codice:
@media (min-width: 768px) {
.col-md-3 {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%;
}
}
.img-responsive {
max-width: 100%;
height: auto;
display: block;
}
praticamente l'immagine è sempre al 100% del div mentre il div che la contiene si adatta alle dimensioni. Su explorer il div si adatta alle dimensioni ma l'immagine non va al 100% del div ma a dimensioni massime