用户:Sam0324/Sandbox.css:修订间差异
来自Limbo Wiki
小无编辑摘要 |
小无编辑摘要 |
||
第30行: | 第30行: | ||
padding-bottom: 30px; | padding-bottom: 30px; | ||
} | } | ||
@media screen and (max-width: | @media screen and (max-width:450px) { | ||
.frame{ | .frame{ | ||
width:220px; | width:220px; | ||
} | } | ||
} | } | ||
@media screen and ( | @media screen and (min-width:450px) { | ||
.frame{ | .frame{ | ||
width:440px; | width:440px; | ||
} | } | ||
} | } | ||
@media screen and ( | @media screen and (min-width:670px) { | ||
.frame{ | .frame{ | ||
width:660px; | width:660px; | ||
} | } | ||
} | } |
2022年3月19日 (六) 14:27的版本
.body { padding:10px; width:auto; height:100vh; background-color:black; } .data { margin:0 auto; width:100%; border:5px solid white; } .chapter { background-image: linear-gradient(rgba(128,128,128,0), rgba(128,128,128,1)); background-color: black; } .button { display: inline-block; width:200px; margin-right:10px; margin-left:10px; height:6em; background-image: linear-gradient(rgba(120,128,135,0), rgba(120,128,135,1)); color:white; border-bottom:3px solid white; } .frame{ width:880px;/*890+*/ margin:0 auto; padding-top: 30px; padding-bottom: 30px; } @media screen and (max-width:450px) { .frame{ width:220px; } } @media screen and (min-width:450px) { .frame{ width:440px; } } @media screen and (min-width:670px) { .frame{ width:660px; } }