自适应 自编css

* {
margin: 0;
padding: 0;
}
.noMP{margin: 0;padding: 0;}
html{100%;height:100%;}
body{100%;height:100%;zoom: 1; overflow:auto;font: normal 120% Helvetica, Arial, sans-serif;}/*1280用 120% 1920 180%*/
iframe{border: 0;height: 100%; 100%;}
.fullDiv{100%;height:100%;}
.marginAuto{margin: auto;}
.pdr5{padding-right: 5px;}
.pdt5{padding-top: 5px;}
.pdt15{padding-top: 15px;}
.pdb5{padding-bottom: 5px;}
.pdl10{padding-left: 10px;}
.pr{position: relative;}
.widthPer10{10%;}.widthPer20{20%;}.widthPer30{30%;}.widthPer40{40%;}.widthPer50{50%;}
.widthPer60{60%;}.widthPer70{70%;}.widthPer80{80%;}.widthPer90{90%;}.widthPer100{100%;}
.heightPer10{height:10%;}.heightPer20{height:20%;}.heightPer30{height:30%;}.heightPer40{height:40%;}.heightPer50{height:50%;}
.heightPer60{height:60%;}.heightPer70{height:70%;}.heightPer80{height:80%;}.heightPer90{height:90%;}.heightPer100{height:100%;}
.t_def{box-sizing: border-box;100%;}
.col-def-12{float:left;100%;height:100%;}.col-def-11{float:left;91.66666666666667%;height:100%;}.col-def-10{float:left;83.33333333333333%;height:100%;}.col-def-9{float:left;75%;height:100%;}
.col-def-8{float:left;66.66666666666667%;height:100%;}.col-def-7{float:left;58.33333333333333%;height:100%;}.col-def-6{float:left;50%;height:100%;}.col-def-5{float:left;41.66666666666667%;height:100%;}
.col-def-4{float:left;33.33333333333333%;height:100%;}.col-def-3{float:left;25%;height:100%;}.col-def-2{float:left;16.66666666666667%;height:100%;}.col-def-1{float:left;8.33333333333333%;height:100%;}
.row-def-12{box-sizing: border-box;height:100%;100%;}.row-def-11{box-sizing: border-box;height:91.66666666666667%;100%;}.row-def-10{box-sizing: border-box;height:83.33333333333333%;100%;}.row-def-9{box-sizing: border-box;height:75%;100%;}
.row-def-8{box-sizing: border-box;height:66.66666666666667%;100%;}.row-def-7{box-sizing: border-box;height:58.33333333333333%;100%;}.row-def-6{box-sizing: border-box;height:50%;100%;}.row-def-5{box-sizing: border-box;height:41.66666666666667%;100%;}
.row-def-4{box-sizing: border-box;height:33.33333333333333%;100%;}.row-def-3{box-sizing: border-box;height:25%;100%;}.row-def-2{box-sizing: border-box;height:16.66666666666667%;100%;}.row-def-1{box-sizing: border-box;height:8.33333333333333%;100%;}