Firefox 中缺少的 3D 视图可以通过 Edge 来完成。

Eva

我们将解释如何使用 3D 视图工具,该工具允许您在 Edge 中以 3D 方式查看网站。

3D View 作为 Firefox 中的新功能曾经是一个热门话题,但从 Firefox 47 版本开始就已经停产了。虽然这是一个方便的功能,但在 Edge 中也可以完成。

3D 查看工具允许您以三个维度查看您的网站并查看元素如何重叠。对于任何创建网站的人来说,这都是一个很棒的工具。

创建网站时,可能会出现意外的水平滚动。原因是元素延伸到屏幕之外是。

在平坦状态下,需要花费一些时间来确定原因,但是通过使用 3D 视图工具,您可以立即确定突出的原因。换句话说,这是水平滚动的秘诀。

启动 3D 视图工具

参见:如何初始化二手电脑?

显示您想要以 3D 形式显示的网站。

右键单击并从菜单中选择“使用开发人员工具进行调查”。

单击开发人员工具屏幕右上角的“...”按钮。

从菜单中选择“其他工具”→“3D 视图”。

3D 视图工具已启动。

如何使用 3D 视图工具

规模

有两种方法可以缩放以 3D 形式显示的网站:

  • 转动鼠标滚轮
  • 移动红框中的垂直滑块

移动显示位置

使用屏幕右下角的四个箭头按钮调整显示位置。

慢速滚动范围

它将突出显示网站中较重且可能影响滚动的元素。

当选中屏幕左上角的“慢速滚动元素”复选框时,您可以看到该元素以粉红色突出显示。

检查重叠元素

要查看网站元素如何重叠,请打开 Z Index 选项卡。

如果您在创建网站时遇到水平滚动,您可以立即在此处查看屏幕上突出的内容。

结论

Edge 的 3D 视图是一个有用的工具,可以在创建网站时检查何时发生水平滚动。

请记住 3D 视图工具,这样您就不必担心长时间横向滚动。