Resolutions in Responsive Design

[seobangalore]

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

[WebOutGateway]

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/beginners-guide-to-responsive-web-design