Learning Less.js by 2014

Author:2014
Language: eng
Format: mobi, epub
Publisher: Packt Publishing

Ready to have some fun creating media queries? Let's get started!

Introducing media queries

If you've ever spent time creating content for sites, particularly for display on a mobile platform, then you might have come across media queries.

For those of you who are new to the concept, media queries are a means of tailoring the content that is displayed on screen when the viewport is resized to a smaller size. Historically, websites were always built at a static size—with more and more people viewing content on smartphones and tablets, this means viewing them became harder, as scrolling around a page can be a tiresome process!

Thankfully, this became less of an issue with the advent of media queries—they help us with what should or should not be displayed when viewing content on a particular device. Throughout this chapter, we'll take a brief look at what they are, how they work, and focus more on how you can use Less to create them.

Almost all modern browsers offer native support for media queries—the only exception being IE Version 8 or below, where it is not supported natively:

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.