网站大小在浏览器中发生显着变化

Question

如果这是一个愚蠢的问题，我只是没有意识到，但我为客户设计了一个网站，我希望它适合浏览器，因此无需使用浏览器滚动条。我知道一个尺寸适合所有电脑是不可能的，而且我设计的适合我的显示器类型（1024x768），并且我考虑到浏览器的框架也占用了太多的空间等等。

这里是问题：当我把所有我从photoshop中保存的图片（尺寸正确地从模型中拉出来）拉到浏览器（Firefox，最新版本）中时，它们都变得更大一些，并且只是一个太大的smidge，所以它会切断非常底部，并有一个滚动条为这个微小的空间。

即使更奇怪，在Chrome中一切都变得非常小。我已经在多台电脑上测试过这个，甚至让我的朋友检查。只有一个人没有像我看到的那么大的差异，但仍然看到它在Chrome中略微小一点。两个浏览器都设置为100％缩放。

这里的网站：http://dinneronthespot.com/index2.html

所以基本上我有两个问题：为什么它比我的设计更大？在开始模型之前，我查了一下尺寸和一切。为什么Chrome会缩小一切？

感谢您的帮助！我以前做过网站，但我绝对不是专家...

Answer 1

您是否尝试过按Ctrl + 0重置在Chrome中查看？

（和键：ctrl加的放大， CTRL减号缩小）

Answer 2

测试一下缩放因子对你的朋友的缩放因子（都需要相同量的，通常为100％）。

即使您尝试考虑工具栏（即使在同一浏览器中，每个用户可能具有完全不同的工具栏高度），也不能假定正确的尺寸。

如果是这样，请尝试使用responsive layout。