哪個單元我應該在CSS中使用，同時設計網頁

Question

我對10多個站點進行了設計，我仍然懷疑'我應該使用什麼樣的單元'。無論是px，還是em或％。 PLZ引導我到右方向

EDIT 1：FOR根據上下文LAYOUTS（特別是對於容器盒）

Answer 1

不同的單位。如果有一種對所有情況都是最好的，那麼就不會有那麼多單位。

根據經驗圍棋的規則：

如果您在屏幕上媒體合作：

• 使用%的字體大小
• 使用px的圖像
• 使用px，%，或em用於箱子尺寸
• 線高度的使用比率

如果您在打印介質工作：

• 這可能是明智的，避免px（這不是一個硬性的規則，任何方式）及其他一切都是公平的遊戲。這真的取決於你想要多少控制。

Answer 2

在特定環境下使用您需要的單位。

Unit Description 
==================== 
% percentage 
in inch 
cm centimeter 
mm millimeter 
em 1em is equal to the current font size. 2em means 2 times the size of the current font. E.g., if an element is displayed with a font of 12 pt, then '2em' is 24 pt. The 'em' is a very useful unit in CSS, since it can adapt automatically to the font that the reader uses 
ex one ex is the x-height of a font (x-height is usually about half the font-size) 
pt point (1 pt is the same as 1/72 inch) 
pc pica (1 pc is the same as 12 points) 
px pixels (a dot on the computer screen)

來源：http://www.w3schools.com/css/css_units.asp

Answer 3

如果你談論的是字體大小，然後PX和Pt不理想。

Ems和百分比單位是可擴展的，因此它們對視覺障礙者來說更容易訪問。它們也適合移動電話用戶。

對於視力不佳的用戶而言，Px和Pt單位不會向上縮放，對於移動電話而言，Px和Pt單位不會向上縮放。

如果您在討論佈局或容器，那麼它取決於您想要的設計類型 - 流體還是靜態 - 並且不一定有「正確」的答案。

沒有進入一個例子，很難建議。你有一個網站，我們可以看看？

Answer 4

有沒有真正的對或錯，但作爲一個經驗法則：

• 對於要一定的，固定大小的東西，用PX
• 對於任何你想用字體 - 規模大小，使用EM
• 對於任何你想擴展到窗口/容器中的可用空間，使用％

當用戶縮放瀏覽器的基本字體大小/縮放比例時，每個瀏覽器都有其特定的優缺點，但更新版本的瀏覽器通過縮放所有內容來解決這些問題，而不是隻是字體大小。

Answer 5

爲了靈活性和可訪問我建議使用%用於水平測量（相對於用戶的屏幕），並且em垂直措施（相對於用戶的字體設置）。

Answer 6

對於固定寬度佈局

對於多達像素完美我建議使用PX寬度，高度，邊緣，以及填充

爲line-height使用無單位的值等{line-height:1.2}

用於印刷元素使用{font-size:62.5%)用於body然後使用em用於其他元素

在HTML中爲<img>始終使用無單位寬度和高度。