在浏览器中显示的字体大小与在css中设置的不同

我想使用元标记并设置css，字体大小为30px，但是当我在标记p中输入更多代码时，字体大小在Chrome浏览器中成为38.317px;请告诉我为什么？在浏览器中显示的字体大小与在css中设置的不同

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="UTF-8"> 
     <meta name="viewport" content="initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no"> 
     <title>Document</title> 
     <style> 
      p{ 
       word-break: break-all; 
       font-size: 30px; 
      } 
     </style> 
    </head> 
    <body> 
     <p>ssssssss</p> 
</body> 
</html>