-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwithMatchMedia.html
23 lines (20 loc) · 16.5 KB
/
withMatchMedia.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>wMM - Dumb Media Queries</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<p>MatchMedia Behavior</p>
<h1>Resize</h1>
<p><a href="index.html">Test Vanilla behavior</a></p>
<p><a href="withMQGenie.html">Test MQGenie behavior</a></p>
<p class="innerWidth">window.innerWidth : <span></span></p>
<p class="width">$(window).width() : <span></span></p>
<p><a class="toggle" href="#">Toggle Content</a></p>
<span class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, assumenda magnam iusto ipsum est id ut deleniti maxime odit voluptatem itaque ducimus unde ab dolor eveniet aut quod! Ipsam, modi.</span>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/mmscript.js"></script>
</body>
</html>