Best practices of Responsive web design

March 24, 2015 10:55 am

  • Start small. Start with the smallest size screen and work your way up, adding @media rules to float elements into the larger windows of tablet and desktop browsers. Start with a narrow, single-column layout to handle mobile browsers and then scale up from there rather than the other way around.
  • Scale images using img { max-width: 100%; }. For very large images, consider using something like Responsive Images to offer the very smallest screens smaller image downloads and then use JavaScript to swap in larger images for larger screen.
  • After the primary content is done loading, load additional content using javascript.

Contact us to make your website beautiful on all devices.

Post a Comment

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