CSS樣式 - percentes vs em vs px？

網我有點困惑時使用percent，em或px爲div´s，input´s，font´s，buttons等閱讀幾篇文章後...CSS樣式 - percentes vs em vs px？

對於網站I'm上，我們的工作我不想添加一個敏感的設計，從我從不同的文章中瞭解到的百分比是去往elements和div´s的方法。但比我感到困惑，因爲我認爲即使我使用pxför佈局，並且根據設備/屏幕分辨率在px中設置不同的寬度和高度，我應該能夠獲得響應式設計......？

有什麼最佳做法，何時使用什麼？不僅對於字體大小，而且對於div´s和其他元素也是如此？

來源

2013-01-13 Daniel

@AshBurlaczenko：關於HTML/CSS編碼的Web開發問題在這裏是主題，[html] [css]是兩個頂級標記。我懷疑網站管理員是否會接受HTML/CSS問題。這就是說，作爲一個最佳實踐問題，這似乎不符合我們的問答格式。 – BoltClock

檢查這個真棒[**文章CSS字體大小：EM VS. PX VS. PT VS. PERCENT **]（http://kyleschaeffer.com/user-experience/css-font-size-em-vs-px-vs-pt-vs/） –

非常感謝您的回答！我很抱歉，我的第一個問題是脫離主題......我的歉意，我將努力成爲下一個問題的主題。 – Daniel

至於我意識到，在%，em，px，pt的length值是你必須申請得到的東西在你的CSS佈局做到了不同的措施。沒有規則可以使用它們。

事實是，很難告訴你你要怎麼處理它們，因爲很難說出你在每個佈局中要實現什麼。 佈局是關於創造力，你不能只是修復一種方法來適應所有的人。

我可以做的是告訴你的基礎知識，但你可能已經知道了：你有一些絕對值（cm，mm，in，pt，pc，px）和一些相對值 （基於文本的：em，ex，ch，rem;視基於：vw，vh，vmin，vmax）。相關度量在「基礎」變化時發生變化。

我個人發現自己使用了很多常見的，絕對的。但我們永遠無法告訴你想要達到的目標。因此，手中持有official documentation是一件好事，因此您可以隨時爲每種佈局挑戰找到最佳方式。

好運！

來源

2013-01-13 11:23:39

使用em的主要優點是它的實際大小取決於用戶的設置，即默認字體的大小。因此，喜歡大型的用戶會增加此值。百分比創建了一種靜態佈局，即使它的大小很靈活，加上最小和最大高度/寬度，這可以產生安靜的好結果。如果你希望有一個靈活的佈局與列，所以只有一個小屏幕，兩個大的和最多三個，你也將不得不使用浮動結合（最小/最大）寬度/高度。

一般來說，我不會開始質疑最好的單位，此外我會開始關於佈局應該如何工作的基本概念。有時候，事實證明，在整個佈局中使用javascript是最快和最可靠的解決方案，但是，要使用的單元取決於您的特殊目標和「這是最好的解決方案」，這個問題通常不存在，是什麼狀態。

問候..

來源

2013-01-13 11:26:16 philipp

CSS樣式 - percentes vs em vs px？

回答

相關問題