• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Assessing Media Queries

Using media queries to adapt an existing desktop design to display satisfactorily on tablets and mobile phones is a time-consuming process that involves a lot of testing and fine-tuning. However, the effort is worthwhile if you want to give visitors a similar experience regardless of their screen size. Instead of trying to reproduce the same design pixel-perfect on every browser, you need to adapt the design to fit a wide range of screen widths.

Media queries work well for tablets, but they’re not necessarily the best choice for mobile phones. People who access websites on their phones are usually on the go. They’re looking for quick information, not in-depth, image-heavy content. Although you can hide content by setting its display property to none, the phone still downloads it, wasting precious bandwidth for both the site owner and the phone user. Often, it makes more sense to create a dedicated, lightweight site for mobile phones and include a link to the main site for anyone who wants more in-depth coverage.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint