0

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

重新回复：

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

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

4

3 回答 3

1

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

但是任何高度依赖显示器形状的网站都是设计不佳的。它应该适合任何大于最小尺寸的显示器（没有必要花费额外的精力使其适合 100x100 像素的屏幕）

于 2010-10-15T21:12:22.967 回答
1

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

在以下位置查看：工具 > 开发人员工具 > 工具菜单 > 调整大小。

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

于 2010-10-15T21:14:00.263 回答
1

我想到了两种基本方法：

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

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

于 2010-10-15T21:14:19.173 回答