I've gone through with many articles to understand exact difference between Responsive and Fluid web design. But couldn't make my understanding differentiate between these two.
Can anyone help me to understand it with my following questions (please pardon me if the same are too silly to ask)!
- Does responsive mean, developing a website 'only' for three view-ports i.e. smartphone (320*480 including orientation), tablets (768*1024 including orientation) and desktop (980/960 width). So if there comes any other in-between resolution for eg. from 480 to 768, it is not compulsory for website to have the same perfect look as it would have in three main view-ports resolution?
or in other words, if my client asks me to create a responsive website he is meaning to create a website for three view-ports only i.e. smartphone, tablet and desktop? He doesn't mean any other resolution apart these three?
- While in fluid, the website looks perfect on any resolution i.e. from 320 till 1900?
[when I see responsive web samples online and resize my browser width, then their content/layout appears perfect on any width. I don't see any extra space appearing around a content due to shift of other content in next row. How it happens then?]
- Another question is, does one use media-queries only while doing responsive web design, and the same don't need to make fluid web design?