我應該在CSS中使用px或rem值單位嗎？我正在設計一個新網站，我希望它與盡可能多的瀏覽器和瀏覽器設置兼容。我正在嘗試確定我應該使用哪種測量單位來確定字體和元素的大小，但我無法找到確定的答案。我的問題是：我應該使用px還是rem在我的CSS中使用？到目前為止，我知道使用px與在瀏覽器中調整基本字體大小的用戶不兼容。我忽視了ems，因為與rems 相比，它們更難以維持，因為它們是級聯的。有人說rems與分辨率無關，因此更為理想。但是其他人說大多數現代瀏覽器無論如何都會平等地縮放所有元素，因此使用px不是問題。我問這個是因為對于CSS中最理想的距離測量有很多不同的看法，我不確定哪個是最好的。
3 回答
寶慕林4294392
TA貢獻2021條經驗 獲得超8個贊
使用px。
事實
首先，知道每個規格，CSS
px單元不等于一個物理顯示像素是非常重要的。這一直是真的 - 即使在1996年的CSS 1規范中也是如此。CSS定義參考像素，用于測量96 dpi顯示器上像素的大小。在dpi基本上不同于96dpi的顯示器上（如Retina顯示器），用戶代理重新調整
px單元，使其大小與參考像素的大小相匹配。換句話說，這種重新縮放正是1個CSS像素等于2個物理Retina顯示像素的原因。也就是說，直到2010年（盡管有移動變焦的情況），
px幾乎總是等于一個物理像素，因為所有廣泛使用的顯示器都是96dpi左右。ems中指定的大小是相對于父元素的。這導致了em“復合問題”，其中嵌套元素逐漸變大或變小。例如：body { font-size:20px; } div { font-size:0.5em; }給我們：
<body> - 20px <div> - 10px <div> - 5px <div> - 2.5px <div> - 1.25px
現在，所有正在使用的瀏覽器中都支持CSS3
rem，它總是只相對于根html元素。
意見
我想每個人都同意，設計你的頁面以適應每個人，并考慮視障人士是好的。其中一個考慮因素（但不是唯一的考慮因素?。┰试S用戶使您網站的文字更大，以便更容易閱讀。
在開始時，為用戶提供縮放文本大小的方法的唯一方法是使用相對大小單位（例如ems）。這是因為瀏覽器的字體大小菜單只是改變了根字體大小。因此，如果您指定了字體大小px，則在更改瀏覽器的字體大小選項時，它們將無法縮放。
現代瀏覽器（甚至是不那么現代的IE7）都將默認縮放方法改為簡單地放大所有內容，包括圖像和盒子大小。實質上，它們使參考像素變大或變小。
是的，有人仍然可以改變自己的瀏覽器默認樣式表來調整默認字體大?。ㄅf式字體大小選項的等價物），但是這是繞了一個非常深奧的方式，我敢打賭沒有人1做的。（在Chrome中，它隱藏在高級設置，Web內容，字體大小。在IE9中，它更加隱藏。您必須按Alt鍵，然后轉到視圖，文本大小。）選擇縮放選項更容易瀏覽器的主菜單（或使用Ctrl+ +/ -/鼠標滾輪）。
1 - 在統計誤差范圍內，自然而然
如果我們假設大多數用戶使用縮放選項縮放頁面，我發現相對單位大多不相關。當在同一單元中指定所有內容（圖像都以像素為單位處理）時，開發頁面要容易得多，而且您不必擔心復合。（“我被告知不會有數學” - 有必要計算1.5em實際上有用的東西。）
僅使用相對單位表示字體大小的另一個潛在問題是，用戶調整大小的字體可能會破壞您的布局所做的假設。例如，這可能會導致文本被裁剪或運行時間過長。如果使用絕對單位，則不必擔心意外的字體大小會破壞布局。
所以我的答案是使用像素單位。我px用于一切。當然，您的情況可能會有所不同，如果您必須支持IE6（可能是RFC的眾神憐憫您），您仍然必須使用ems。
- 3 回答
- 0 關注
- 849 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消