A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/paulirish/matchMedia.js/ below:

paulirish/matchMedia.js: matchMedia polyfill for testing media queries in JS

matchMedia() polyfill test whether a CSS media type or media query applies Usage 
// Likely want to requier both polyfills..
require('matchmedia-polyfill');
require('matchmedia-polyfill/matchMedia.addListener');
test 'tv' media type 
if (matchMedia('tv').matches) {
  // tv media type supported
}
test a mobile device media query 
if (matchMedia('only screen and (max-width: 480px)').matches) {
  // smartphone/iphone... maybe run some small-screen related dom scripting?
}
test landscape orientation 
if (matchMedia('all and (orientation:landscape)').matches) {
  // probably tablet in widescreen view
}
Used in: How about resizing the browser?

Paul Hayes tackled this using CSS transitions and their transitionEnd event

His code: https://github.com/fofr/matchMedia.js -- though currently it doesnt support IE6-9, since they dont have transitions, obviously. :)

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4