What is mean by Responsive Web Design?

[Uthra]

What is responsive web design and how to differ it from normal web design?

[arianagrand]

Hello Friends ..


A responsive website changes its appearance and layout based on the size of the screen the website is displayed on. Responsive sites can be designed to make the text on the page larger and easier to read on smaller screens. They can also be configured to make the buttons on the phone's screen easier to press. More sophisticated ways of using responsive design on a mobile device include: formatting the website to hide or present entirely different information, radically changing the graphics and colors, or even reducing the site to emphasize just its most important piece.

Thank you.....

[Christina_Willi]

Responsive web design (RWD) is a web design approach aimed at crafting sites 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 mobile phones to desktop computer monitors).

[SammiRose]

A very latest technique of web design to bring compatibility among the website visitors. Website designed for desktops or laptops is not going to work properly in tablets, mobiles. They will take time to load or will show website incomplete (or more in scrollable way). This will be little annoying for mobile users.

Responsive web design will be perfect way to make your website highly visible and accessible on mobile, tablets, desktops, laptops etc.

We need to be advanced with this Growing Digital world.

[param1000]

the Design that supports all major screen sizes are called Responsive Design.

[mariamincey87]

Hiiiiiii Uthra

4 Benefits of Responsive Web Design

1st - Google Loves Responsive Design
2nd - One Website, One URL
3rd - Responsive Helps Combat a High Bounce Rate
4th - User Experience is Enhanced

[johnmichael]

The Design which supports all major screen sizes is called Responsive Design.

[johncalvin98]

Responsive website is the forth upcoming web design. Responsive websites are most convenient way for those who are using the multiple devices like desktop, tablet and mobile phones.

[vino]

Responsive design is an approach to web page creation that makes use of flexible layouts, flexible images and cascading style sheet media queries. The goal of responsive design is to build web pages that detect the visitor’s screen size and orientation and change the layout accordingly.


Responsive design is a somewhat retro approach to web site design that solves a lot of design problems caused by the proliferation of new types of mobile devices. Responsive design pages use x and y coordinates on 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 that will resize itself to fit the size of the display.


Media queries, a feature of cascading style sheets (CSS), allow the developer to specify when a certain style takes effect. With CSS2, for example, a media query will serve printer-friendly style sheets if requested. CSS3 has expanded query capabilities that allow style sheets to be targeted to a device’s display and serve a desktop, tablet or smartphone style sheet depending on the query response.
This capacity means that instead of having to build a special mobile version of a website -- which often requires writing new code from scratch -- developers can simply build multiple style sheets for the same web page and perhaps even associate different images with each of the style sheets. As a result, HTML code can be repurposed instead of having to be rewritten, which saves considerable development time.