In other words, adapting design.
Responsive WebDesign is the realization for creating websites that uses flexible layouts, flexible images, and cascading queries of media. The goal of Responsive Design is to create websites that recognize the visitor’s screen size and orientation and adjust the layout accordingly.
Responsive Design is a retro approach to website design that solves many design problems caused by the proliferation of new types of mobile devices. Responsive web design use x and y coordinates in a grid for layout and mathematical percentages for images, instead of fixed-width parameters . Using percentages instead of fixed-width parameters and a grid layout creates a more fluid layout whose size adjusts to the size of the display.
Media queries, a feature of Cascading Style Sheets ( CSS ), allow the developer to specify when a particular style takes effect. With CSS2, for example, a media query provides printer-friendly stylesheets on demand. CSS3 has advanced query capabilities that allow stylesheets to be targeted to a device’s display and provide a desktop , tablet , or smartphone stylesheet depending on the query response.
This means that instead of creating another mobile version of the site, which often requires writing new code from scratch, developers can simply create multiple stylesheets for the same web page and possibly even implement different images with the individually linked codes stylesheets. As a result, HTML code can be reused instead of rewritten, saving significant development time.