css中响应式布局中样式的代码书写方法

代码示例：@media only screen and (min-width: 320px){

html {

font-size: 8px !important;

}

.mulu-zi{

position: absolute;

top: 18px !important;

left: 18%;

color: #000000;

}

}

@media only screen and (min-width: 375px){

html {

font-size: 10px !important;

}

.mulu-zi{

position: absolute;

top: 12px !important;

left: 18%;

color: #000000;

}

}

@media only screen and (min-width: 414px){

html {

font-size: 11px !important;

}

.mulu-zi{

position: absolute;

top: 8px !important;

left: 18%;

color: #000000;

}

}