设置 Firefox 视口大小

设置 Firefox 视口大小

我以为这很容易,但结果却并非如此。我需要将 Firefox 视口大小设置为给定值(大于我的屏幕分辨率)。我想要的是不是放大应用程序窗口,但放大 html 内容可用的大小。视口不会在物理上变大,但会“告诉”html 它变大了,这样网页就会占用更多空间(显然会使滚动条可见)。

例如,假设我的物理 Firefox 窗口为 800x600 像素。我想设置“viewport size=2”,那么 html 渲染的可用空间将是 1600x1200。

Web Developer 具有调整大小功能,但是当您设置的尺寸大于屏幕分辨率时(在 Windows 7 中),该功能不起作用。

提前谢谢(我希望我的解释有意义)。

答案1

您可以<html>使用 Web Developer 的“编辑 CSS”功能手动设置元素的宽度。这会强制内容为给定大小,并且您将获得水平滚动条等,具体取决于您的窗口大小。您甚至可以为此制作一个书签,以便更快地访问。

答案2

您可以使用 ctrl + 鼠标滚轮放大或缩小网页。

这样,您就可以显示比默认屏幕分辨率更多的网页内容。但它不会告诉您实际分辨率是多少。然后您需要使用 Web 开发人员插件附带的标尺小部件来查看相对分辨率。它会根据您的缩放级别进行缩放。

答案3

不,你的问题毫无意义。视口只是窗口客户区的大小,显然不能大于你的屏幕分辨率。HTML 代码既不知道也不关心视口大小:也就是说,html 元素的大小是任意的,无需考虑稍后用于呈现页面的物理设备。

答案4

这是一个老话题,但我会添加一个替代解决方案(也适用于屏幕截图)。

您可以更改视口以匹配移动设备的视口,但您可以将移动设备的屏幕尺寸设置为任意值。在开发者工具(三行菜单 > 更多工具 > Web 开发者工具)中,有一个显示手机和平板电脑的小图标。它位于顶部靠近关闭工具的“X”按钮的位置。

移动设备按钮

这应该会打开一个带有新视口的视图。这称为“响应式设计模式“在顶部工具栏(URL 栏下方)上,您可以设置视口尺寸。

视口尺寸输入

视口将与输入到该尺寸字段的尺寸相匹配。

相关内容