There's great diversity in mobile screen sizes and varying levels of HTML support. Creating multiple device specific templates is impractical. Fluid templates set the container width in percentages and lend themselves to rich-text layouts.
But what if we want to add images to our fluid layout? I tried using:
IMG style="width:100%; max-width:550px"
The image scales down but not up beyond 550px wide (the images default width).
Adjust your browser to view it in action.
|