Page History: Fitting images for Mobile
Compare Page Revisions
Page Revision: 2010/06/25 00:00
If an image has to be shrunk to fit a maximum width, the height line ensures that the height is adjusted as well so that the aspect ratio is maintained. The max-width line ensures that an image not inserted through the standard method would still fit the horizontal limits of the screen.
img {
height: auto;
max-width: 100%;
}