적응 덜 폭스 바겐

화면 변경을 수행 할 수있는 능력이기 때문에 폭스 바겐 뷰포트의 폭은, 그것은 더 유연하고, 어쩌면 나중에 얻기 위해 사용되는 첫 번째 레코드를 동적으로 지금은 상대적으로 작은 회사와 현재, 윈도우의 폭을 설정하는 데 사용하지 않는 윈도우 JS를하지 않습니다.
// 디자인 초안 PX (750)의 측면에서 덜 복잡하지 않을
// 정의 가변 7.5vw = VW
즉 환산으로 400 개 픽셀 가설 // 소자 폭 VW 400 / @ VW

@vw : 7.5vw;

.container {
패딩 : 51 / 43 @ VW / VW @ 23 / 45 @ VW / @ 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;
        }
    }
}

}

추천

출처blog.51cto.com/13496570/2404252