Come si rende un’immagine responsive col css?
Per rendere un’immagine responsive servirà ovviamente nominare una classe apposita per l’immagine e stabilire i comandi “width:100%”, “max-width: px”, height: auto;”.
Segue immediatamente un’esempio, partendo dall’immagine di una squisita pita ghyros.
Esempio di immagine responsive col css
Nell’immagine che trovi di sopra, puoi ammirare una splendida pita ghyros ben farcita
Ecco l’esempio di codice css applicato proprio per l’immagine qua sopra:
<style>
.responsiveghyrosmoltobuona12 {
width: 100%;
height: auto;
max-width: 700px;
}
</style><img src=”https://discutere.altervista.org/blog/wp-content/uploads/2020/02/20200109_221506-scaled.jpg” alt=”Una pita ghyros” class=”responsiveghyrosmoltobuona12″ width=”600″ height=”390″>
<div>
<figcaption>
<p>Nell’immagine che trovi di sopra, puoi ammirare una splendida pita ghyros ben farcita</p>
</figcaption>
</div>
Puoi avere qualche ulteriore dritta su come rendere una pagina web mobile friendly in questo articolo.