Line 40: | Line 40: | ||
} | } | ||
/*大圖*/ | /*大圖*/ | ||
− | .main-img{ | + | @media screen and (min-width: 768px) { |
+ | .img-container{ | ||
+ | height:100vh ; | ||
+ | overflow:hidden ; | ||
+ | width:100%; | ||
+ | } | ||
+ | .main-img{ | ||
top: 0; | top: 0; | ||
bottom: 0; | bottom: 0; | ||
Line 46: | Line 52: | ||
right: 0; | right: 0; | ||
width: 100%; | width: 100%; | ||
− | |||
margin: auto; | margin: auto; | ||
z-index:999; | z-index:999; | ||
+ | } | ||
+ | } | ||
+ | @media screen and (orientation: portrait) { | ||
+ | .img-container{ | ||
+ | height:auto; | ||
+ | overflow:none; | ||
+ | width:100%; | ||
+ | } | ||
+ | .main-img{ | ||
+ | top: 0; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | width: 100%; | ||
+ | margin: auto; | ||
+ | z-index:999; | ||
+ | } | ||
} | } | ||
Line 197: | Line 219: | ||
</head> | </head> | ||
<body> | <body> | ||
− | <div> | + | <div class="img-container"> |
<img src="https://static.igem.org/mediawiki/2016/8/87/Project_NCTU.png" class="main-img" width="100%"> | <img src="https://static.igem.org/mediawiki/2016/8/87/Project_NCTU.png" class="main-img" width="100%"> | ||
</div> | </div> |
Revision as of 03:41, 24 September 2016
Description
Design
Device
Results
Modelling
Safety