adaptive_fix_3
This commit is contained in:
@@ -78,4 +78,39 @@ button:hover {
|
||||
background-color: #f0c590;
|
||||
color: #b06029;
|
||||
transform: scale(1.015);
|
||||
}
|
||||
|
||||
/* ----------------------------------ADAPTIVE------------------------------------- */
|
||||
|
||||
@media (max-width: 820px) {
|
||||
.login-box {
|
||||
background-size: 190%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 620px) {
|
||||
.login-box {
|
||||
background-size: 220%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 520px) {
|
||||
.login-box {
|
||||
background-size: 260%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 420px) {
|
||||
.login-box {
|
||||
background-size: 310%;
|
||||
}
|
||||
input {
|
||||
width: 250px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 320px) {
|
||||
.login-box {
|
||||
background-size: 420%;
|
||||
background: url('./image/hamster.png') no-repeat 55% 50%;
|
||||
}
|
||||
input {
|
||||
width: 200px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user