如何改变网页的宽度?

如何改变网页的宽度?

浏览器的缩放功能可以改变网页的高度和宽度。我发现有些网页很难阅读,因为它们在我的屏幕上太宽了。例如。我该如何调整宽度以使其更小,以便文本能够在 Stackexchange 上的宽度范围内中断?

答案1

只需调整浏览器窗口的大小。文本将流动并适应新的宽度。

答案2

您可以使用浏览器的开发人员工具指定网页的宽度。

例如,使用 Firefox/Chromium(这两者并没有太大的区别)来更改示例 URL 的页面宽度:

  1. 点击F12或选择检查在网页的右键菜单中。

  2. 这将在浏览器窗口的右侧或底部打开开发者工具窗口。您应该看到检查员(Firefox)或元素(Chromium)工具。(如果没有,请在开发者工具的顶部栏中切换到该工具。)

  3. 选择body器中的元素检查器/元素工具。

  4. 在右侧面板中,为该元素添加 CSS 规则。规则应类似于width: 50em50em表示 50 m 个字母的宽度。您应该根据自己的喜好调整数字。

  5. 再次点击F12或使用关闭按钮关闭开发工具,然后瞧。

以下是开发者工具的屏幕截图,其中突出显示了要交互的地方,以防您不熟悉。它来自 Firfex,但与 Chromium 几乎完全相同。

开发人员工具突出显示了需要更改的地方(声誉不足,无法显示图像)

相关内容