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

Question

我最近专门使用带有宽屏幕显示器的计算机制作了一个网站。后来，当我用显示器较小的电脑在线打开相同的页面时，我突然发现所有的div位置完全不对位。我的问题是如何使用宽屏显示器继续开发我的网页而不弄乱常规尺寸显示器上视图的 div 位置？

回复：

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

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

Answer 1

我想到了两种基本方法：

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

事实是，一个真正美观的网站永​​远无法在所有浏览器配置上运行。选择一个酒吧并与之对抗。

Answer 2

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

但是，任何对显示器形状有如此高依赖性的网站都设计得很糟糕。它应该适合任何大于某个最小尺寸的显示器（无需花费额外的精力来使其适合 100x100 像素屏幕）

Answer 3

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

检查一下：
工具>开发者工具>工具菜单>调整大小。

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