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