为什么我将整个网站上传到网络主机时会缩放?

时间:2012-10-17 19:26:52

标签: html css localhost web-hosting

在我的本地计算机上测试我的网站时,比例是正确的;图像和宽度正如我所希望的那样。

然而,当我将它们上传到我的网站主机Dreamhost时,似乎整个网站的面积大约增加了10%(图片,字体大小,侧边栏宽度等)。扩展问题发生在Firefox,Chrome,IE7-10,Safari中,但在本地查看时也能正确显示。

代码完全相同。我试过重新上传图片和测试我的代码,但无济于事。我之前从来没有遇到这样的问题......有点难过。

enter image description here

3 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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

body{
font-size:100%;
}

p{
font-size:0.5em;
}


它将为所有字体属性设置100%,但将指定特定区域中的字体大小,标记。然后100%将引导区域,标记以精确比例设置调整大小 您可以为<img>标记尝试相同的操作(尽管没有经过测试)。首先设置一个公共属性,然后设置你想要的任何东西 我不确定,但这只是一个想法。:)

答案 2 :(得分:0)

要完成Mayeenul Islam回答,我可以补充一点,在body标签之后立即放置容器总是更好。它没有伤害和帮助很多。因此,不是强制字体100%校正每个CSS样式,你可以全局。像这样:

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