Line 45: | Line 45: | ||
/*大圖*/ | /*大圖*/ | ||
@media screen and (min-width: 768px) { | @media screen and (min-width: 768px) { | ||
− | .img-container{ | + | .img-container{ |
height:100vh ; | height:100vh ; | ||
overflow:hidden ; | overflow:hidden ; | ||
width:100%; | width:100%; | ||
− | } | + | } |
− | .main-img{ | + | .main-img{ |
top: 0; | top: 0; | ||
bottom: 0; | bottom: 0; | ||
Line 58: | Line 58: | ||
margin: auto; | margin: auto; | ||
z-index:999; | z-index:999; | ||
− | } | + | } |
} | } | ||
@media screen and (max-width: 768px) { | @media screen and (max-width: 768px) { | ||
− | .img-container{ | + | .img-container{ |
− | + | height:auto; | |
− | + | overflow:none; | |
− | + | width:100%; | |
− | } | + | } |
− | .main-img{ | + | .main-img{ |
− | + | top: 0; | |
− | + | bottom: 0; | |
− | + | left: 0; | |
− | + | right: 0; | |
− | + | width: 100%; | |
− | + | margin: auto; | |
− | + | z-index:999; | |
− | } | + | } |
} | } | ||
/*scroll navigaiton*/ | /*scroll navigaiton*/ |
Revision as of 03:32, 24 September 2016