WordPress: immagini responsive con i CSS

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.