Media Queries – A Deeper Look

Media Queries – A Deeper Look

something useful

senuriwijenayake

As promised in this post I will be looking into how to make your media queries a little bit (or a lot more) specific based on your requirements.

Recap:

Before moving to the interesting parts of this blog post I would like to recap the following major points which were covered in the previous post.

min-width basically stands for “applicable of the device width is greater than or equal to” which means that the CSS code is applicable only on a media type (e.g. a screen) with width greater than or equal to the specified width.

max-width basically stands for “applicable if the device width is less than or equal to” which means that the CSS code is applicable only on media type (e.g. a screen) with width less than or equal to the specified width.

3

With this knowledge we can identify the following keywords in media queries that would…

View original post 470 more words

Advertisements