Browse Source

新增媒体查询适配

dev
陈鹏飞 3 years ago
parent
commit
e610d254f0
  1. 32
      src/app/pages/plan/plan.component.scss

32
src/app/pages/plan/plan.component.scss

@ -385,3 +385,35 @@
}
}
}
// 媒体查询
// 适配125%
@media screen and (max-height: 750px) {
.header{
button{ width: 80px; margin: 7px 5px 0px; }
.rightFence{
img{ width: 30px; height: 30px; }
}
}
.nature{ right: 7% !important; }
.publicMoveUp{
height: 70%;
top: 3%;
bottom: auto;
}
}
// 适配150%
@media screen and (max-height: 600px) {
.header{
button{ width: 80px; margin: 7px 5px 0px; }
.rightFence{
img{ width: 30px; height: 30px; }
}
}
.nature{ right: 8% !important; }
.publicMoveUp{
height: 70%;
top: 1%;
bottom: auto;
}
}
Loading…
Cancel
Save