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

尝试将css字体拆分为：

font-family: 'Poppins', sans-serif;
font-size: 1.5em;

查看font-size documentation以查看相对值，百分比和长度值之间的差异。

Answer 2

事实证明，它并非严格意义上的字体问题......这是一个视口问题：

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

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

2 个答案: