What is responsive web design ?

Responsive web design (RWD) is an approach to web design aimed at allowing desktop webpages to be viewed in response to the size of the device one is viewing with.

The fluid grid concept calls for page element sizing to be in relative units like percentages, rather than absolute units like pixels or points.[6]
Flexible images are also sized in relative units, so as to prevent them from displaying outside their containing element.[7]
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.
 
Responsive Web Design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation.
 
Responsive web design makes our web page look good on all devices like Desktops, tablets and phones. We use HTML and CSS to hide,resize,enlarge and shrink to make web page look good on screen is called as responsive web design.
 
Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries. As the user switches from their laptop to iPad, the website should automatically switch to accommodate for resolution, image size and scripting abilities. In other words, the website should have the technology to automatically respond to the user’s preferences. This would eliminate the need for a different design and development phase for each new gadget on the market.
 
Last edited:
What Does Responsive Web Design Look Like?
The purpose of responsive design is to have one site, but with different elements that respond differently when viewed on devices of different sizes.
Let’s take a traditional “fixed” website. When viewed on a desktop computer, for instance, the website might show three columns. But when you view that same layout on a smaller tablet, it might force you to scroll horizontally, something users don’t like. Or elements might be hidden from view or look distorted. The impact is also complicated by the fact that many tablets can be viewed either in portrait orientation, or turned sideways for landscape view.
On a tiny smartphone screen, websites can be even more challenging to see. Large images may “break” the layout. Sites can be slow to load on smartphones if they are graphics heavy.
However, if a site uses responsive design, the tablet version might automatically adjust to display just two columns. That way, the content is readable and easy to navigate. On a smartphone, the content might appear as a single column, perhaps stacked vertically. Or possibly the user would have the ability to swipe over to view other columns. Images will resize instead of distorting the layout or getting cut off.
The point is: with responsive design, the website automatically adjusts based on the device the viewer sees it in.
 
Responsive Web design is the technique that advises
that design and development should react to the user’s behavior and environment
based on platform, screen size and alignment. The technique involves an
intelligent use of CSS media and mix of queries, flexible grids, layouts and
images. Whenever the user switches from their laptop to mobile, the website
should automatically adjust to accommodate for image size, resolution and
scripting abilities.
 
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 an approach to web page creation that makes use of flexible layouts, Flexible images and cascading style sheet media queries. Main goal of responsive design is to build web pages
that detect the visitor’s screen size and orientation and change the layout accordingly.
this is responsive web design.
 
ewebprosec said:
How to make my website responsive ?
Click to expand...

A responsive web design is a concept using CSS and HTML to resize, hide, shrink, enlarge, or move the content, it makes your web page look good on all devices. The responsive web design has adjustable screen resolutions and automatically resizable images, which respond to the behaviour and environment of the user. One design can work on various devices, without the need of developing a website for every device, so it reduces workload and time when it comes to maintaining the site.
 
Responsive Web design is the approach that suggests that design and development should respond to the user's behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries
 
You must log in or register to reply here.
Back
Top