123456789101112131415161718192021222324252627282930313233 |
- /**
- * PC端
- */
- @media screen and (min-width:768px) {
- #footer {
- width: 100vw;
- height: 6.5vw;
- background-color: #282828;
- text-align: center;
- color: #FFFFFF;
- font-size: 0.7vw;
- line-height: 6.5vw;
- }
- }
- /**
- * 移动端
- */
- @media screen and (max-width:768px) {
- #footer {
- width: 100vw;
- height: 12.4vw;
- background-color: #282828;
- text-align: center;
- color: #FFFFFF;
- font-size: 3vw;
- line-height: 12.4vw;
- position: fixed;
- bottom: 0;
- left: 0;
- }
- }
|