如何让网站适应屏幕？

Question

在高分辨率屏幕上，网站大多是空白的。如何拉伸它们以适合屏幕？

我尝试过 Internet Explorer 和 Opera，在 Linux 上也尝试过 Firefox 和 Chrome

Answer 1

无需安装扩展程序，即可将所有网页的 Firefox 默认缩放比例重置为任意值。

1. 在 Firefox 地址栏中输入：about:config

2. 搜索此偏好：layout.css.devPixelsPerPx

3. 将 的默认值替换-1.0为新的百分比缩放。例如，如果要将默认缩放从默认值 100% 更改为 125%，则将 的值更改layout.css.devPixelsPerPx为1.25

如果你还使用 Chrome 网络浏览器，则可以从设置中轻松更改默认缩放级别（3 个垂直点图标 ⋮) 位于 Chrome 的右上角。为了获得更好的浏览体验，请为 Firefox 和 Chrome 设置相同的默认缩放比例。

Answer 2

从您的屏幕截图中无法明显看出您使用的是哪种浏览器，但在 Chrome 中，我将其放大到大约 175% 以使内容“适合大小”。

您需要缩放的程度取决于您的分辨率、显示器尺寸、网站本身等：

• 如果您使用 Firefox：https://support.mozilla.org/en-US/kb/font-size-and-zoom-increase-size-of-web-pages
• 如果您使用 Chrome：https://support.google.com/chrome/answer/96810?hl=en

下面是我的情况：

Answer 3

您可以按下 ctrl 和加减键来放大和缩小，在 Firefox 中，每个页面都会记住此功能，但在 Chrome 中，您可以在设置中设置默认值。（1080p 为 175%）

Answer 4

这必须通过浏览器完成。

对于 Firefox，你可以使用以下插件默认全缩放级别，这样网站就会自动以更高的缩放比例打开：

对于 Google Chrome/Chromium，您可以设置默认缩放，无需任何扩展程序。转到“设置”，搜索页面缩放，并更改网页内容部分： 。

我也为 Ask Ubuntu 保留了 175% 的缩放比例，但对于新网站，我默认使用 125-150%。