Responsive web design<-- news.topic
is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience<-- news.brief
A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries, an extension of the @media rule, in the following ways:
The fluid grid concept calls for page element sizing to be in relative units like percentages, rather than absolute units like pixels or points.
Flexible images are also sized in relative units, so as to prevent them from displaying outside their containing element.<-- news.content
<-- news.htmlarea -->