WordPress: immagini responsive con i CSS

Short link

Non esistono tecniche complesse per ottenere immagini responsive con i CSS in WordPress ma un semplicissimo uso della proprietà max-width.

La proprietà CSS max-width viene usata in questo modo:


.post img {
    max-width: 100%;
    height: auto;
    display: block;
}

La nostra proprietà non forza le immagini ad avere una determinata larghezza, ma specifica semplicemente che queste non dovranno mai superare la larghezza del loro genitore. Quindi un'immagine di 600 pixel sarà larga 600 pixel se il suo contenitore lo consente, altrimenti non ne supererà mai la larghezza.

L'autore

Gabriele Romanato, sviluppatore web full stack specializzato in siti, applicativi web ed e-commerce con Node.js e PHP.