Static web pages are designed with a particular width, and they don’t change, no matter the screen size the viewer has. Width is determined in a pixel value and doesn’t adapt to various screen sizes. This type of website can be recognized when they have a horizontal scroll bar or when only half web page is visible, images are cropped, and content is untraceable as well.
This web design comes with a width specified as a percentage. It is determined on the basis of relative units and proportional widths, rendering pages scalable and adjustable to several screen sizes. The standard size is 1024 x 768 pixels, but many people have high res screens these days. Hence, this is where fluid design comes in handy. When the screen size changes, the elements of this layout disperse over the same percentage of space. The blocks of content, images and other elements may stretch or shrink based on the screen size.
This is the process of creating a website with specific devices and screen sizes. Adaptive designs mean that there are various versions of designs being created and in a specific size. But the layouts are precisely defined, instead of a specific range of screen sizes.