Difference

Question

What is difference between fixed, fluid, responsive and adaptive design.

Ravi Patel · Answer

Hi, Fixed layout: it is static and has persistent size. It is very easy and cheap to create it, because you don’t need to think about mobile or tablet view but your app will look identically on every device. Fluid layout: it uses percentage values instead of pixels. It is more flexible than a fixed layout. It stretches and provides good user experience on different desktop screen sizes. But such layout is still bad for mobile and tablet users or contrariwise – larger screens such as iMacs. Responsive design: it uses fluid grid system and CSS media queries to control a layout. It provides optimal user experience on all devices and is easily manageable. At the same time it requires more efforts and time as well as design. Adaptive design: it uses media queries to define device size and then depending on that information displays your page. Just like a responsive approach it provides a good user experience on multiple devices. Adaptive design implies that you use the same layout for different devices, but adapt it for each device. ?ad news is that you will have problems with unique resolutions devices. i hope this will help you

Manas Mohapatra · Answer

Fixed websites have a set width and resizing the browser or viewing it on different devices won’t affect on the way the website looks. Fluid websites are built using percentages for widths. As a result, columns are relative to one another and the browser allowing it to scale up and down fluidly. Adaptive websites introduce media queries to target specific device sizes, like smaller monitors, tablets, and mobile. Responsive websites are built on a fluid grid and use media queries to control the design and its content as it scales down or up with the browser or device.

Rajesh Singh · Answer

Hi Refer this. http://blog.teamtreehouse.com/whats-the-difference-between-fixed-fluid-adaptive-and-responsive-web-design-treehouse https://teamtreehouse.com/library/whats-the-difference-between-fixed-fluid-adaptive-and-responsive-design

Difference

Answers (3)