Question

我是Wordpress的新手并且有一个简单的问题。

我家里有两台电脑：Computer1和Computer2

在computer1（更大的屏幕）中，我的Wordpress网站看起来很干净，使用小字体，在Chrome中100％放大。然而，在计算机2（较小的屏幕）中，我的Wordpress网站看起来很丑，在100％放大Chrome中使用大胖字体。当我更改为75％放大浏览时，它看起来与我在computer1中看到的相同。

我是否可以在style.css中编写代码，以便我或访问者访问我的网站可以在不改变浏览器缩放的情况下看到外观漂亮的网站？

请帮忙。

谢谢，

Answer 1

您可以使用CSS中的媒体查询来控制字体大小。像这样：

@media (max-width: 768px) {
    body {
        font-size: 1.5em;
    }
}

@media (max-width: 480px) {
    body {
        font-size: 1em;
    }
}

当您的屏幕尺寸达到768px或480px时，它会改变正文的字体大小。

Answer 2

尝试使用其他字体或更好的字体版本。我不是WordPress专家，但我希望这会有所帮助。 e.g。

@media screen and (max-width: 800px) {
  @import https:small-screen-font.com
}
@media screen and (min-width: 801px) {
  @import https:big-screen-font.com
}

WordPress在同一浏览器中看起来不同 - 缩放问题

2 个答案: