浏览器的网站大小发生了巨大变

时间:2013-09-21 09:33:41

标签: html css google-chrome firefox size

我很抱歉,如果这是一个愚蠢的问题,我只是没有意识到,但我为客户设计了一个我希望适合浏览器的网站,无需使用滚动条。我知道一个尺寸适合所有电脑是不可能的,我设计它适合我的显示器类型(1024x768),我考虑到浏览器的框架占用空间等等。

这就是问题所在:当我把我从photoshop中保存下来的所有照片(从模型中正确调整大小)时,它在浏览器中变得更大(Firefox,最新版本)并且只是一个太大的微笑,所以它切断了底部,并有一个滚动条,用于那么小的空间。

即使更奇怪,在Chrome中,一切都变得非常小。我已在多台计算机上对此进行了测试,甚至还让我的朋友检查了一下。只有一个人没有看到像我一样的巨大差异,但仍然看到它在Chrome中略小。两种浏览器都设置为100%缩放。

以下是网站:http://dinneronthespot.com/index2.html

基本上我有两个问题:为什么它比我的设计更大?在开始模型之前,我查看了大小和所有内容。为什么Chrome会缩小一切?

谢谢你的帮助!!我以前做过网站,但我绝对不是专家...

2 个答案:

答案 0 :(得分:0)

您是否尝试过ctrl + 0来重置Chrome中的查看?

(并且:ctrl plus正在放大, ctrl minus缩小)

答案 1 :(得分:0)

尝试根据朋友的缩放系数检查缩放系数(两者都需要相同的数量,通常为100%)。

即使您尝试考虑工具栏(即使在同一浏览器上,每个用户可能具有非常不同的工具栏高度),您也无法设想正确的尺寸。

在这种情况下尝试使用responsive layout