Screen resolution nowsaday ranges from 320px (iPhone ) to 2560px (large monitor ) or even higher. Users no longer just browse the web with desktop computers. Users now use mobile phones , small notebooks , tablet devices such as iPad or Playbook to access the web. So the traditional fixed width design doesn't work any more. Web design needs to be adaptive. The layout needs to be automatically adjusted to fit all display resolution and devices. This tutorial will show you how to create a cross -browser adaptive design with HTML5 & CSS3 media queries.

Screen resolution nowsaday ranges from 320px (iPhone ) to 2560px (large monitor ) or even higher. Users no longer just browse the web with desktop computers. Users now use mobile phones , small notebooks , tablet devices such as iPad or Playbook to access the web. So the traditional fixed width design doesn't work any more. Web design needs to be adaptive. The layout needs to be automatically adjusted to fit all display resolution and devices. This tutorial will show you how to create a cross -browser adaptive design with HTML5 & CSS3 media queries.