html 媒体查询改变字体,CSS----媒体查询设置根节点字体大小

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;

}

}