在宽屏监视器上设置我的网页可能导致我创建不准确的DIV位置

Question

最近，我将一个专门使用带有宽屏幕显示器的计算机组成的网站。后来，当使用带有较小尺寸的显示器的计算机在线打开相同的页面时，我突然注意到所有DIV位置都是完全不合适的。我的问题是如何使用宽屏监视器继续开发我的网页，而不会弄乱DIV位置以供定期大小的显示器观看？

回复：

感谢您的建议。我同意该页面的设计应足够灵活，以适应大多数浏览器窗口尺寸。但是，当您使用宽屏监视器而不注意时，很容易过度补偿分配的位置和元素大小。我的下一个问题是如何确定常规浏览器窗口尺寸以及如何强制浏览器窗口进入该尺寸？

感谢Cyrena给我开发工具的指示。我确实使用它们并在浏览器上检查。但是我这里的问题是在浏览器最大化的宽屏监视器上专门工作。我不想犯同样的错误，因此我需要弄清楚如何使用正确的尺寸调整浏览器窗口的大小。

Answer 1

我头顶的两个基本方法：

1. 调整浏览器的大小为Minumum支持的桌面/浏览器尺寸的宽度。
2. 将桌面首选项设置为不同的尺寸（例如配置文件），并在测试阶段之间切换它们。

事实是，一个非常漂亮的网站永远不会在所有浏览器配置上使用。选择一个酒吧并与之抗衡。

Answer 2

不最大化浏览器窗口吗？只是水平收缩一点？

但是，任何对显示屏形状的依赖性如此之高的网站的设计较差。它应该适合任何比最低限度大的尺寸显示器（无需花费额外的努力以使其适合100x100像素屏幕）

Answer 3

如果使用IE的开发人员工具，则可以调整窗口大小，以查看在不同的分辨率上的外观。

在：工具>开发人员工具>工具菜单>调整大小的情况下查看。

您还需要确保至少在其他浏览器 / OS组合上测试您的网站。