css - 在横向/纵向中保持一致的字体大小

Question

我的 CSS 文件中有以下代码:

body {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    font:  normal 75% 'Poppins', sans-serif;
}

当我以纵向方式查看我的网站时，一切正常。但是一旦我旋转成横向，我的字体就会放大到增加的大小。我希望字体完全保持原样。上面的代码似乎已经解决了许多其他人的问题，但正如您从我的屏幕截图中看到的那样，与纵向相比，横向字体明显更大。

截图如下:

Portrait

Landscape

Answer 1

事实证明这不是字体的严格问题...这是视口(viewport)问题:

<meta name="viewport" content="width=device-width, initial-scale=1">