I don't understand what is a responsive website, what does that means? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 11

I don't understand what is a responsive website, what does that means?

Can someone explain me please ?

3rd Aug 2018, 8:08 AM
SimonTheVital
SimonTheVital - avatar
7 Answers
+ 12
It means the layout will change or adapt to the dimensions of the screen.
3rd Aug 2018, 8:31 AM
Janning⭐
Janning⭐ - avatar
+ 9
Not sure it has to look the same to be responsive. It just has to look well -- like someone gave some thought to the difference in "real estate" between a large wider-than-tall rectangle (e.g. desktop) and maybe a small taller-than-wide rectangle (e.g. mobile phone) and how much to show at a time, given the pros and cons of each. https://en.m.wikipedia.org/wiki/Responsive_web_design For example, for mobile device like screens, maybe I'll hide the nav bar and place a hamburger menu in the corner so the user can access the nav bar through a modal, but on a larger screen, I can afford to have it ever-present because I have more space to work with and it would reduce the number of "clicks"/"touches" to keep it there.
3rd Aug 2018, 8:45 AM
Janning⭐
Janning⭐ - avatar
+ 6
In basic terms, a responsive website displays (easy to read and navigate) and functions properly in desktops, tablets, or mobile devices.
4th Aug 2018, 11:41 PM
Jack
Jack - avatar
+ 5
It means that a website/web application adjusts element dimensions to suit the screen size of the device it is being viewed on. If you're completely new, learn css media queries. When comfortable with basic web fundamentals then consider using something like bootstrap, jQuery ui or react. There are many frameworks you can use to speed up development and ensure your project is adaptable (responsive) to any device.
4th Aug 2018, 1:49 PM
Mike
Mike - avatar
+ 4
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.
6th Aug 2018, 6:35 AM
Jerome Esplana
Jerome Esplana - avatar
+ 3
If u made a web page which can fit all screens such as computer, phone, printer or other devices, then u have done responsive web design. There are many responsive Web designing courses in https://www.w3schools.com/css/css_rwd_intro.asp. You can use frameworks like bootstrap for responsive designing too
5th Aug 2018, 4:20 AM
Seniru
Seniru - avatar
+ 2
by responsive website, it means when the sute is able to adapt to any screen size. I mean if the site can fit into any screen size be it laptop, ipad, android or whatever. I think a better name is mobile-friendly site, because it allows you to operate the site perfectly without you having to stress yourself moving around the website
5th Aug 2018, 1:03 AM
Uche Favour
Uche Favour - avatar