Mention what do you mean by Responsive design on a web page?

Hello friends i want to know Mention what do you mean by Responsive design on a web page?

 

@VedPrakash1
The web page should run perfectly on all devices (Desktop, Mobile, Tab etc). It should fit appropriately on all.

 

Like @tuiykkwr said, it's basically a design that adapts to whatever device it's getting viewed on. If a design was not responsive, than through your phone you would have to zoom in and zoom out to see the whole website, which sucks.

 

A responsive design is a design that gives a good response in terms of feel and look and functionality with all browsers and all mobile devices as well. A design which can easily be accessible at all devices without having any horizontal scroll. Mob apps are the best examples for good responsive designs. Every Screen resolutions has different widths and at these widths the design can be different as well. And to make a website responsive we need css queries that can help a website to work as responsive.

 

I don't mean to be self-serving here. But if you want to view a "responsive design" page, please check my website's most popular page at http://www.jimfeeney.org/virtuous-woman-eyes-God.html

Open it on your desktop, then grab a corner of the window with your mouse and shrink the page width. You will see that the formatting changes to fit smaller and smaller devices (iPhones, etc.), yet the type remains a readable size. That is what "responsive" pages do.

 

Visitors can easily access our site from other devices like mobile, ipad etc. that's why we design Responsive website.

 

responsive design is use for supporting your site in the all device with any size of the screen.

 

Its very simple to say for a layman.
1. only develop the single set of script(coding) for the website
2. The website will be automatically adjusting its sizing based on the device that you use to see the site. it can be desktop, mobile, tabs.

 

Responsive design means that the design and layout will change according to the size of the screen it is viewed on. For example, pictures will become smaller to fit on the screen, text will re-format rather than getting smaller, and a side-bar will move to the bottom of the page.

The easiest way to get good responsive design on a website is to use WordPress with a good responsive Theme (there are large numbers of good free WordPress Themes, and most of them are responsive these days, although some work better than others, for example some make a picture narrower but not shorter, so it distorts as the screen gets smaller), or responsive plugin.

It is possible to make an HTML web-page responsive, such as by using a responsive HTML template, but WordPress has so many advantages that I recommend it as being much better for most uses.

To check whether a site is responsive, you can do a quick check by just gradually making your web-browser window narrower on a computer. For better checks for mobile devices, use a free mobile device emulator online (or for the best check, view the site on various devices).

Hope that helps !

Chris

 

Responsive design simply means the design which is visible on various type of screen resolutions like starting from mobile to large desktops.

 

Responsive design means it should fit to all the devices.