Answers for "how to rezise images in css"

how to resize after image in css

<a href='foo.pdf'class='pdflink'>A File !</a>

/* .pdflink:after {
    content: url('/images/pdf.png')
} */

.pdflink:after {
    background-image: url('/images/pdf.png');
    background-size: 10px 20px;
    display: inline-block;
    width: 10px;
    height: 20px;
    content: "";
}

scale down image css

img.resize {
    width: 540px; /* you can use % */
    height: auto;
}