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

Posted 2023-02-25

【中文标题】为啥当我将整个网站上传到虚拟主机时会扩展？

【英文标题】：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 中，但在本地查看时也能正确显示。

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

【问题讨论】：

大多数人都希望他们的网站能够扩展！ ;-)

请比较两个来源的 html 标记。如果可能的话，把它们放在帖子里。

可能听起来很愚蠢，但您是否尝试过 Ctr/Cmd+0ing 来查看页面是否之前被放大过？

+1 Flaxbeard：我花了 2 天时间试图重现一个设计师报告的错误……她只是被放大了。

这取决于浏览器。根据我以前的经验，大多数会根据域保存缩放设置。很高兴我能帮上忙！

【参考方案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>