在我的本地计算机上测试我的网站时，比例是正确的；图像和宽度是我想要的。
但是，当我将它们上传到我的虚拟主机 Dreamhost 时，整个网站似乎都增加了大约 10%（图像、字体大小、侧边栏宽度等）。缩放问题出现在 Firefox、Chrome、IE7-10、Safari 中，但在本地查看时也能正确显示。
代码完全相同。我尝试重新上传图像并测试我的代码，但无济于事。我以前从来没有遇到过这样的问题……有点难过。
问问题
135 次
3 回答
1
您可能会在本地计算机上放大您的站点。当您将其上传到托管站点时，它会显示它的默认大小视图。所以在制作网页时不要放大或缩小。
于 2012-10-23T15:34:54.150 回答
0
有时会发生这种情况，当 CSS 程序员使用em而不是px. 在某些情况下，可以解决问题，特别是在字体问题上，具有属性：100%。喜欢：
body{
font-size:100%;
}
p{
font-size:0.5em;
}
它将为所有字体属性设置 100%，但会在特定区域标签中指定字体大小。然后 100% 将引导区域，标记以精确比例设置调整大小。
你可以为你的<img>标签尝试同样的事情（虽然没有经过测试）。首先设置一个公共属性，然后设置任何你想要的。
我不确定，但这只是一个想法。:)
于 2012-10-17T19:56:36.833 回答
0
为了完成Mayeenul Islam的回答，我可以补充一点，最好在身体标签之后立即放置一个容器。它不会伤害并且有很大帮助。因此，与其强制对每种 CSS 样式进行 100% 的字体校正，不如在全局范围内进行。像这样：
<style>
body { font-size:100% }
#container { font-size:1em }
</style>
于 2012-10-23T22:08:19.813 回答