Team:Calgary/Sandbox
From 2012.igem.org
(Difference between revisions)
(Created page with "<html> <p>This is a paragraph.</p> </html>") |
|||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <head> | ||
+ | <style> | ||
+ | @media only screen and (min-device-width:769px){ | ||
+ | p.desktop{ | ||
+ | display:block; | ||
+ | } | ||
+ | p.mobile{ | ||
+ | display:none; | ||
+ | } | ||
+ | } | ||
+ | @media only screen and (device-width:480px){ | ||
+ | p.desktop{ | ||
+ | display:none; | ||
+ | } | ||
+ | p.mobile{ | ||
+ | display:block; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
<p>This is a paragraph.</p> | <p>This is a paragraph.</p> | ||
+ | <p class="desktop">You are using a desktop computer.</p> | ||
+ | <p class="mobile">You are using a horizontal mobile platform.</p> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 22:05, 16 May 2012
This is a paragraph.
You are using a desktop computer.
You are using a horizontal mobile platform.