哪個更好用，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中的百分比或像素..？

回答

相關問題