BitGoblin/Bones
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

Display matching media query and browser width/height.

Browse Source 
Display matching media query and browser width/height at the bottom of the viewport.
This commit is contained in:
Alphan Gunayin
2012-07-24 14:12:43 -04:00
parent 7ab682091d
commit 1d5d5b8d04
4 changed files with 37 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
scripts/jquery_min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

17
scripts/skeletonMatchMedia.js Normal file
View File

@ -0,0 +1,17 @@
$(function(){
// Window load and resize.
$(window).bind('load resize', function() {
if(debug){
if(window.matchMedia("(min-width: 768px) and (max-width: 959px)").matches){
$('#debug').html("Tablet (Portrait)");
} else if(window.matchMedia("(min-width: 480px) and (max-width: 767px)").matches){
$('#debug').html("Mobile (Landscape)");
} else if(window.matchMedia("(max-width: 767px)").matches){
$('#debug').html("Mobile (Portrait)");
} else{
$('#debug').html("Desktop & Tablet (Landscape)");
}
$('#debug').append(" – ("+ $(window).width() + ' x '+ $(window).height() +')px');
}
});
});