在我的本地计算机上测试我的网站时,比例是正确的;图像和宽度正如我所希望的那样。
然而,当我将它们上传到我的网站主机Dreamhost时,似乎整个网站的面积大约增加了10%(图片,字体大小,侧边栏宽度等)。扩展问题发生在Firefox,Chrome,IE7-10,Safari中,但在本地查看时也能正确显示。
代码完全相同。我试过重新上传图片和测试我的代码,但无济于事。我之前从来没有遇到这样的问题......有点难过。
答案 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>