html5媒体查询的特点,HTML5 的媒体查询用多了好么?
媒体查询配合rem使用。
@media only screen and (min-width: 340px){
html {
font-size: 20px !important;
}
}
@media only screen and (min-width: 401px){
html {
font-size: 25px !important;
}
}
@media only screen and (min-width: 428px){
html {
font-size: 26.75px !important;
}
}
@media only screen and (min-width: 481px){
html {
font-size: 30px !important;
}
}
@media only screen and (min-width: 569px){
html {
font-size: 35px !important;
}
}
@media only screen and (min-width: 641px){
html {
font-size: 40px !important;
}
}
然后html里面的DOM根据html来设定大小,宽度,高度。