哪个更好用，CSS中的百分比或像素..？

我对标题在我的标题中的位置有疑问：是否更好地直接以百分比或像素值表示值？哪个更好用，CSS中的百分比或像素..？

例如下面是HTML代码：

<div class="bar"> 
    <div class="logo"></div> 
</div>

和CSS：

.bar { 
    background: url("background.png") repeat-x scroll 0 0 transparent; 
    height: 50px; 
} 

.bar .logo { 
    float: left; 
    margin-top: 10px; 
    margin-left: 5%; /*or 20px for example*/ 
}

有可与不同的浏览器显示的差（火狐，IE，...）一种方法可能比另一种更有趣。

谢谢您的建议。

来源

2011-12-19 ncrocfer

我相信最好使用百分比。与不同的分辨率，O/S和浏览器有关。有人会提供更好的答案:) – 2011-12-19 14:49:38

谷歌有超过300k点击关于像素与CSS的百分比。将它们总结起来很难。 – 2011-12-19 14:49:53

这两种方法都不如其他方法“更有趣”或“更好”，它们只是不同的度量单位。这取决于你想要的输出。 – 2011-12-19 14:51:31

它有所不同，但为了完全控制，您需要使用像素。将图像元素与非常详细的放置组合的页面必须以像素为单位。出于这个原因，现在很多页面的宽度都是固定的。而且，像素在浏览器之间更有可能是一致的，因为它更加绝对地描述了你想要的东西。

对于页面布局根据浏览器大小而变化的情况，或者对于快速，不太精确的布局，请使用百分比。

来源

2011-12-19 14:50:27

由于众所周知的固定项目，你NEVER要规模（例如谷歌的广告div），像素都是精品。

但是，对于所有其他情况中99％的情况，百分比会更好，因为那样的话，对象会在不同的显示器上缩放。

来源

2011-12-19 14:47:38 warren

取决于很多。一般来说，它更好地使用百分比，因为它适用于任何分辨率，任何浏览器，任何机器。但是如果你想获得一个固定的位置（对边缘有好处），像素对此很有用。但请注意，在具有不同尺寸和分辨率的显示器中，像素具有不同的尺寸。例如，在运行1440x900分辨率的17英寸显示器中，像素小于运行相同1440x900分辨率的21英寸显示器。

来源

2011-12-19 14:48:25

看起来像下面的链接会给这个话题一些见解！

在我看来，我觉得如果你使用的是固定的布局和比例更符合流体布局的像素会更加适合。

来源

2011-12-19 14:54:58 Jomoos

甚至还有第三种选择，它介于两者之间。如果你可能有一个10px的默认字体大小; （或更好的62.5％的兼容性），那么你可以用em来计算像素：1em是10px;

这有什么好玩的？如果用户在IE或FF中使用字体缩放，事情会相应地缩放。良好的可达性。

来源

2011-12-19 15:08:44 HerrSerker

哪个更好用，CSS中的百分比或像素..？

回答

相关问题