jQuery Mobile Demo Home

The image below will fill the width of the available space and has a max width of 640 browser pixels. If you rotate the device the image will resize again.

Photo by Stefan Krause.

If the image resizes smaller than the file already loaded then it just does a browser resize (no extra image request). If the image resizes larger than the data already loaded then it'll do another request from the server for a higher quality image.

Page already in the DOM

This page was already in the DOM and loaded with the initial request. It spans 100% of its parent's available width, but has a max width of 640px.

Photo courtesy of Dmitry A. Mottl.

Go Back