为什么当我将整个网站上传到虚拟主机时会扩展？答案

【问题标题】：Why does my entire site scale when I upload it to a web host?为什么当我将整个网站上传到虚拟主机时会扩展？
【发布时间】：2012-10-08 03:45:35
【问题描述】：

在我的本地计算机上测试我的网站时，比例是正确的；图片和宽度都是我想要的。

但是，当我将它们上传到我的虚拟主机 Dreamhost 时，整个网站似乎增加了大约 10%（图像、字体大小、侧边栏宽度等）。缩放问题出现在 Firefox、Chrome、IE7-10、Safari 中，但在本地查看时也能正确显示。

代码完全相同。我尝试重新上传图像并测试我的代码，但无济于事。我以前从来没有遇到过这样的问题……有点难过。

【问题讨论】：

【解决方案1】：

当 CSS 程序员使用 em 而不是 px 时，有时会发生这种情况。在某些情况下，问题可以得到解决，特别是在字体问题中，具有属性：100%。喜欢：

body{
font-size:100%;
}

p{
font-size:0.5em;
}

它将为所有字体属性设置 100%，但会在特定区域标签中指定字体大小。然后 100% 将引导该区域，标记以精确比例设置调整大小。
你可以为你的<img> 标签尝试同样的事情（虽然没有经过测试）。先设置一个共同的属性，然后再设置你想要的。
我不确定，但这只是一个想法。 :)

【讨论】：

【解决方案2】：

您可以在本地计算机上放大您的网站。当您将其上传到托管站点时，它会显示它的默认大小视图。所以在制作网页时不要放大或缩小。

【讨论】：

【解决方案3】：

要完成Mayeenul Islam 的回答，我可以补充一点，最好在body 标记之后立即放置一个容器。它不会伤害并且有很大帮助。因此，与其强制对每种 CSS 样式进行 100% 的字体校正，不如在全局范围内进行。像这样：

 <style>
 body { font-size:100% }
 #container { font-size:1em }
 </style>

【讨论】：