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字体大小替换为您在平均屏幕上使用的基本字体大小。