2个不同的字体大小

Question

在div中有3个跨度。用css他们得到字体大小：20pt;现在的问题是，我的电脑向我显示了正确的字体大小，但在另一台电脑上，屏幕定义更高，我看不到正确的字体大小。问题是什么？

HTML：

<div id = "infoseite_balken">
    <div id = "ben">
        <img src = './images/logo-bw.png' width=80% height=100%>

    </div>
    <div id = "infoportkontakt" style = "border-color: red; border-style: solid; border-width: 1px;">
        <?php

            echo "<span style = 'font-family: avril;' onClick = 'seiteBewegen(\"infoseite\",\"infoseite_disable\",\"1\",\"portfolio\",\"portfolio_enable\",\"1\",\"1500\"); starteOpacity(\"bild\",\"bildopacity\",\"10\",\"$countPortfolioview\");'>PORTFOLIO</span><br>";
        ?>
        <span style = "font-family: 'avril';">INFO</span><br>
        <span style = "font-family: 'avril'; " onClick = "seiteBewegen('infoseite','infoseite_disable','1','kontakt','kontakt_enable','0.5',1500);">KONTAKT</span><br>                  
    </div>
</div>

CSS：

#infoseite_balken {
    background-color: #3C3C3B; 
    position: absolute; 
    top: 8%; 
    width: 100%;
    height: 15%;
    min-height: 15%;
    height: auto;

}

#ben {
    position: absolute; 
    width: 30%; 
    min-height: 100%;
    height: 100%;
    height: auto;
    margin-left: 2%;
    margin-top: 1.5%;
}

#infoportkontakt {
    overflow: hidden; 
    margin-left: 50%;
    text-align: right;
    margin-right: 2%;
    min-height: 100%;
    height: 100%;
    height: auto;
    font-size: 24pt;
    color: white;
}