如何将网页加载到特定分辨率？

Question

我在我的机器中设计了一个（无响应）网站，其原始分辨率为1920x1020。但是，现在大多数机器的分辨率为1366x768，我的网站看起来很混乱。我希望它以特定的固定分辨率加载。我怎么能这样做？

Answer 1

你不能。

浏览器不提供重新配置用户图形驱动程序的API。

即使有可能，这也是一个可怕的想法，因为现代屏幕在不以原始分辨率运行时往往会提供较差的渲染。

Answer 2

设计一个在1920x1020看起来不错的网站并不是一个好主意。有两个基本选项：

1. 将所有内容包装在具有固定宽度的<div>中。然后使用该宽度作为设计的基础。使用margin-left: auto和margin-right: auto将内容放在中间。这就是Stack Overflow的设计方式。在更大的屏幕上，两侧将有空的空间。在较小的屏幕上会有一个滚动条。

2. 创建适当缩小的响应式设计。更难但更好。

Answer 3

1. 有浏览器插件可以帮助您。他们将您的broswer调整为您想要测试的尺寸。对于铬，您可以使用此扩展名
   https://chrome.google.com/webstore/detail/resolution-test/idhfcdbheobinplaamokffboaccidbal
   你可以找到具有类似功能的firefox插件。
2. 如果您想粗略检查网站的响应程度，那么请在浏览器中检查更高分辨率的缩小比例。对于较低分辨率，您可以放大。但这里的缺点是您只能以与您的纵横比相同的分辨率进行可视化，因此您需要将浏览器调整为特定的纵横比，然后进行缩放。

希望这有帮助。

Answer 4

一开始就是你需要做的一切

 body{
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
 }

 #mainContentDivInsideBody{
    margin:auto;
    width: 990px; //or more
    height: 100%;
 }