How do I automatically resize an image for a mobile site?

img
{
    max-width: 100%;
    min-width: 300px;
    height: auto;
}

img {
  max-width: 100%;
}

Should set the image to take up 100% of its containing element.