在宽屏显示器上设置我的网页可能会导致我创建不准确的div位置

Question

我最近用一台带宽屏显示器的计算机组合了一个网站。后来，当使用带有较小尺寸显示器的电脑在线打开相同的页面时，我突然注意到所有的div位置都完全不合适。我的问题是如何使用宽屏显示器继续开发我的网页，而不会搞乱正常尺寸显示器上的视图位置。

回复回复：

感谢您的意见家伙。我同意页面的设计应该足够灵活以适应大多数浏览器窗口大小。但是，当您使用宽屏显示器并且不注意时，很容易过度补偿div的布局和元素大小。我的下一个问题是如何确保常规的浏览器窗口尺寸以及如何将浏览器窗口强制为这种尺寸？

感谢Cyrena为我提供了开发工具的指导。我确实使用它们并检查浏览器。但是我的问题是在浏览器最大化的情况下专门在宽屏显示器上工作。我不想犯同样的错误，所以我需要弄清楚如何用正确的尺寸调整浏览器窗口的大小。

Answer 1

的两种基本方法把我的头顶部：

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

事实是，一个非常好看的网站将永远不会适用于所有浏览器配置。选择一个酒吧，并与之相抗衡。

Answer 2

不要最大化您的浏览器窗口？只要水平地缩小一点？

但是，任何对您的显示器形状高度依赖的网站设计不佳。它应该适合任何尺寸大于某个最小值的显示器（无需花费额外的努力使其适合100x100像素的屏幕）

Answer 3

如果您使用IE的开发人员工具，您可以调整窗口大小以查看它的外观像不同的分辨率一样。

查看方式： 工具>开发工具>工具菜单>调整大小。

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