完善响应式代码布局
parent
51a9af2abd
commit
9ff0ce0e43
|
|
@ -26,7 +26,7 @@
|
||||||
height: 30px;
|
height: 30px;
|
||||||
position: relative;
|
position: relative;
|
||||||
left: 200px;
|
left: 200px;
|
||||||
top: 18px;
|
top: 16px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #1AA094;
|
background-color: #1AA094;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
@ -84,6 +84,27 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 480px) {
|
||||||
|
.layui-layout-admin .layui-logo {
|
||||||
|
left: -32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-switch {
|
||||||
|
left: 140px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 330px) {
|
||||||
|
.layui-layout-admin .layui-logo {
|
||||||
|
left: -51px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-switch {
|
||||||
|
left: 100px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/*阴影*/
|
/*阴影*/
|
||||||
.yy {
|
.yy {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue