html - CSS增加网站上的所有字体

Question

好吧，我知道这是一个愚蠢的问题，但我找不到任何解决方案，我不知道是否有解决方案。

但是在我的网站上www.skivecore.com ，我试图让它响应从移动网站到 4k 屏幕的所有内容。现在我正在处理 4k 部分，文本太小了。我想知道，是否有一种方法可以将所有字体大小增加 200%，而无需重新定义每个类、每个 id，只是为了这样做？

同样在网站上，当您登录时，我想让东西漂浮在彼此旁边并填充空白空间，这似乎没有发生有什么办法可以实现!这只有CSS？ 帖子之间的所有巨大差距我希望它们被更多的帖子填补，但即使使用“float:left;”它没有填写。

@media (min-width: 3900px) {
    body {
        width:100%;
        font-size:200% !important;
    }
    main {
        width:2000px !important;
    }
    #mainbody {
        width:2000px !important;
    }
    #profilebody{
        width:1495px !important;
    }
    html{
        width:100%;
        overflow-y: scroll !important;
        overflow-x: hidden !important;
    }
    #navgo{
        width:2000px;
    }
    #pic{
        width:2000px !important;
    }
    .colmid{
        width:1628px !important;
        overflow:hidden;
    } 
    .post{
        width: 45% !important;
        float:left;
        margin:10px !important;
    }
    #bigload{
        clear:both;
    }
    #postholder{
        clear:both;
    }
    .colmid:after {
        clear:both;
        content:" ";
        display:block;
    }
    #header{
        height:100px !important;
    }
    #headertools{
        height:100px !important;
    }
    .headertoolbox{
        width:2000px !important;
    }
    .searchbar{
        width: 1000px !important;
        height: 75px !important;
        font-size: 50px !important;
    }
    .searchicon{
        height:61px !important;
    }
    .newlogo{
        height: 91px !important;
    }
    .notiimg, #account div{
        width:80px !important;
        height:80px !important;
    }
}

Answer 1

如果我们假设您的正常小字体大小为 12px，您需要增加 Em 中的字体大小，因此您需要的符号是:

html{
        width:100%;
        overflow-y: scroll !important;
        overflow-x: hidden !important;
        font-size:12px;
    }    

body {
            width:100%;
            font-size:4em !important;
    }

请记住将 html 字体大小替换为您在普通屏幕上使用的基本字体大小。