vw视口宽度,由于本事就是跟随屏幕变化的,所以更具有灵活性,不用js获取窗口来动态设置窗口宽度,现在用的比较少,公司目前不让用,先记录,也许以后用得到。
//配合less 不用自己换算,设计稿750 px
//定义变量 vw=7.5vw
//假设元素400px宽度,换算成vw即为400/@vw
@vw: 7.5vw;
.container {
padding: 51/@vw 43/@vw 23/@vw 45/@vw;
.fisttitle {
display : flex;
align-items: center;
}
.title {
font-size : 37/@vw;
padding : 0 18/@vw 0 10/@vw;
font-weight: 600;
}
.lef_png {
margin-right: 17/@vw;
}
.lef_png,
.rig_png {
width : 60/@vw;
height: 4/@vw;
}
.commens {
width : 36/@vw;
height: 34/@vw;
}
ul {
li {
h5 {
color : #333;
font-size : 32/@vw;
padding-left: 64/@vw;
margin-top : 51/@vw;
font-weight : 600;
line-height : 45/@vw;
}
.q1 {
background : url('./../images/q1.png') no-repeat left center;
background-size: 52/@vw 32/@vw;
}
p {
color : #666;
font-weight: 400;
font-size : 30/@vw;
line-height: 42/@vw;
}
a {
color : #1E89FE;
font-size : 30/@vw;
line-height: 42/@vw;
}
span {
margin : 0 10/@vw 0 10/@vw;
display: inline-block;
}
}
}
}