"
Team:Calgary/Sandbox
From 2012.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
| + | <!-- | ||
| + | <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, height=device-height, initial-scale=1.0" /> | ||
| + | --> | ||
<style> | <style> | ||
| - | @media screen and (min-device-width:481px){ | + | @media only screen and (min-device-width:481px){ |
p{ | p{ | ||
font-family: Arial; | font-family: Arial; | ||
| - | font-size: | + | font-size: 3em; |
font-weight: bold; | font-weight: bold; | ||
| + | } | ||
| + | #box{ | ||
| + | width: 100%; | ||
| + | height: 30px; | ||
| + | background-color: red; | ||
} | } | ||
} | } | ||
| Line 16: | Line 24: | ||
font-weight: normal; | font-weight: normal; | ||
color: red; | color: red; | ||
| + | } | ||
| + | |||
| + | } | ||
| + | |||
| + | @media (-webkit-min-device-pixel-ratio: 1.5), | ||
| + | (-o-min-device-pixel-ratio: 3/2), | ||
| + | (min--moz-device-pixel-ratio: 1.5), | ||
| + | (min-device-pixel-ratio: 1.5) { | ||
| + | p{ | ||
| + | font-family: Helvetica; | ||
| + | font-size: 5em | ||
| + | font-weight: normal; | ||
| + | color: blue; | ||
| + | } | ||
| + | #box{ | ||
| + | width: 100%; | ||
| + | height: 20px; | ||
| + | background-color: green; | ||
} | } | ||
} | } | ||
| Line 24: | Line 50: | ||
<p>This is a paragraph.</p> | <p>This is a paragraph.</p> | ||
| - | <div id=" | + | <div id="box"></div> |
| - | + | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 16:27, 25 May 2012
This is a paragraph.
