我的 CSS 文件中有以下代码:
body {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: none;
-ms-text-size-adjust: 100%;
font: normal 75% 'Poppins', sans-serif;
}
当我以纵向方式查看我的网站时,一切正常。但是一旦我旋转成横向,我的字体就会放大到增加的大小。我希望字体完全保持原样。上面的代码似乎已经解决了许多其他人的问题,但正如您从我的屏幕截图中看到的那样,与纵向相比,横向字体明显更大。
截图如下:
最佳答案
事实证明这不是字体的严格问题...这是视口(viewport)问题:
<meta name="viewport" content="width=device-width, initial-scale=1">
关于css - 在横向/纵向中保持一致的字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35712095/