vue中用媒体查询空置根节点字体大小

2024-10-14 12:01:07

在index.html中

<style>

@media all and (min-width: 0px) {

html{font-size: 20px;}/* 12*4.6 */

}

@media all and (min-width: 640px) {

html{font-size: 50px;}/* 14*4.6 */

}

@media all and (min-width: 768px) {

html{font-size: 53px;}/* 16*4.2 */

}

@media all and (min-width: 800px) {

html{font-size: 53px;}/* 16*4.2 */

}

@media all and (min-width: 1024px) {

html{font-size: 65px;}/* 18 *4.6*/

}

@media all and (min-width: 1100px) {

html{font-size: 65px;}/* 20 *4.6 */

}

@media all and (min-width: 1280px) {

html{font-size: 82px;}/* 22 *3.03*/

}

@media all and (min-width: 1366px) {

html{font-size: 83px;}/* 24 */

}

@media all and (min-width: 1440px) {

html{font-size: 83px;}/* 25 */

}

@media all and (min-width: 1680px) {

html{font-size: 87px;/* 28 */

}

@media all and (min-width: 1920px) {

html{font-size:100px;}/* 33 */

}

</style>

最新文章

热门文章