Monday, December 10, 2012
What is Responsive Web Design - RWD
Responsive web design (often abbreviated to RWD) is an approach to web
design in which a site is crafted to provide an optimal viewing
experience—easy reading and navigation with a minimum of resizing,
panning, and scrolling—across a wide range of devices (from desktop
computer monitors to mobile phones).
A site designed with RWD uses CSS3 media queries, an extension of the
[at]media rule, to adapt the layout to the viewing environment—along
with fluid proportion-based grids and flexible images.
Media queries allow the page to use different CSS style rules based on
characteristics of the device the site is being displayed on, most
commonly the width of the browser.
The fluid grid concept calls for page element sizing to be in relative
units like percentages or EMs, rather than absolute units like pixels
Flexible images are also sized in relative units (up to 100%), so as
to prevent them from displaying outside their containing element.
Credits and more information:
I like learning _ with my fans and friends..... So I research and share