Размер шрифта, отображаемый в браузере, отличается от установленного в css

Я хочу использовать метатег и установить css, размер шрифта - 30 пикселей, но когда я набираю больше кода в теге p, размер шрифта стал 38.317px в браузере Chrome; Пожалуйста, скажи мне почему?Размер шрифта, отображаемый в браузере, отличается от установленного в 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>