【vue+css3】屏幕根据⼤⼩变化样式（PC和⼿机端适配代码）
PC端页⾯适配⼿机端，利⽤css实现：类似下图 PC端：
只需要在需要的页⾯加⼊：@media (max-width:580px){....}
position: absolute;
justify-content: center;
display: flex;
flex-wrap: wrap;
width: 100%;
}
css表格样式
.login-from{
width: 400px;
height: 280px;
background:rgb(0,0,0,0.3);
border-radius: 10%;
}
@media (max-width:580px){
.login-container{width:calc(100% / 1 - 30px);}
.login-from{width: 80%;background:rgb(0,0,0,0.3);border-radius: 10%;} }
根据各类屏幕根据⼤⼩变化样式都可以酱写

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。