Adaptive Web Design

Adaptive Web Design

Liquid –

“takes the shape of the container…,  ,…while maintaining constant volume”,


Adaptive Web design is the where the mobile design and website development adapts according to the screen size, device and orientation. This means that this website can be viewed with any device (whether it’s a desktop, tablet or mobile phone) and will always make full use of the size of your screen. No matter how big or small the size of your screen is, the content is always optimized for the relevant screen resolution. One drawback of Adaptive design’s easier approach is that the final results don’t always display the best for a wide variety of screen sizes. As the user switches from their laptop to iPad or cell phone, the website will automatically resize according to the the screen resolution. The website design has the technology display the same web design on any device.

Adaptive Design Diagram

(Content size adapts according by Screen Size and Resolution)


Leave a comment

Your email address will not be published. Required fields are marked *