24 lines
869 B
HTML
24 lines
869 B
HTML
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="testScreen.css" media="screen" />
|
|
<link rel="stylesheet" href="testPrint.css" media="print" />
|
|
<link rel="stylesheet" href="testAll.css" media="screen,print" />
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
|
|
<style>
|
|
div { display: none; }
|
|
</style>
|
|
<script>
|
|
|
|
|
|
</script>
|
|
|
|
</head>
|
|
<body>
|
|
<div class="screen-media">Screen Only Text</div>
|
|
<div class="print-media">Print Only Text</div>
|
|
<div class="anymedia">Any Media Text</div>
|
|
<div class="any-screen-media">Included as any, but media query in css</div>
|
|
<div class="any-print-media">Included as any, but print query in css</div>
|
|
<div class="any-screen-sized-media">Included as any, but screen query in css, also a size query as part of the screen query</div>
|
|
</body>
|
|
</html> |