CSS----媒体查询设置根节点字体大小
/* 字体大小 */
@media only screen and (min-width:320px) and (orientation:portrait) {
html {
font-size: 12px;
}
}
@media only screen and (min-width:360px) and (orientation:portrait) {
html {
font-size: 15px;
}
}
@media only screen and (min-width:400px) and (orientation:portrait) {
html {
font-size: 18px;
}
}
@media only screen and (min-width:600px) and (orientation:portrait) {
html {
font-size: 24px;
}
}
@media only screen and (max-width:768px) and (orientation:portrait) {}
@media only screen and (min-width:480px) and (orientation:landscape) {
html {
font-size: 12px;
}
}
@media only screen and (min-width:580px) and (orientation:landscape) {
html {
font-size: 13px;
}
}
@media only screen and (min-width:730px) and (orientation:landscape) {
html {
font-size: 16px;
}
}
@media only screen and (min-width:900px) and (orientation:landscape) {
html {
font-size: 21px;
}
}
@media only screen and (min-width:992px) {
html {
font-size: 24px;
}
}
