There are 6 important resolutions
portrait with 480 px for smartphones
768 px for iPad
wide 768 px for desktop
Landscape with 320 px
768-1024 px for ipad
wide 1024 for desktop
Printable View
There are 6 important resolutions
portrait with 480 px for smartphones
768 px for iPad
wide 768 px for desktop
Landscape with 320 px
768-1024 px for ipad
wide 1024 for desktop
There are many screen resolutions present in today's market. Instead of designing a layout with fixed measurements, a fluid grid can do it - proportion.
To calculate the proportions of each page element, divide the target element by its context. And multiply the result by 100 to get the percentage value.
To achieve more of the responsive design, you need Media Queries for cross-browser compatibility. Media queries "basically allow you to gather data about the site visitor and use it to conditionally apply CSS styles."
For further information: http://blog.teamtreehouse.com/beginn...ive-web-design