如何使用 css 根据屏幕分辨率增加我的网站内容宽度？

Question

我一直在尝试建立这个博客来 post 我的东西。

我从一个免费的主题开始，并对颜色、形状、位置等进行了一些修改

在 1366x768 等较小的分辨率下，它看起来还不错。但在 1920x1080 等更高分辨率下，两侧的空白 space 太多了。我在 html 和 css 上仍然是业余爱好者，所以我非常感谢您提供一些提示。

这是网站，因为我无法 post 代码，因为 Whosebug 似乎认为它是垃圾邮件。 https://saturnario.blogspot.com/

Answer 1

您可以在宽度上使用百分比并尝试使用它。

body {
    width: 100%;
}

div {
    min-width: 80%;
    width: 800px;
}

min-width 将确保您的内容覆盖正文页面的 80%。 width 将确保您的内容为 800 像素。所以当页面大小达到限制之一时，它会相应地保持不变。