在瀏覽器中顯示的字體大小與在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>