使用px不可取？

Question

我的網站上的某個地方寫着：

原則，使用PX測量字體大小是不是一個好主意。如果您這樣做，少數瀏覽器將阻止用戶調整字體大小。

這是對嗎？

Answer 1

問題主要是縱橫比。假設我的分辨率爲1024x768，寬高比爲1.33。對於1920x1080，長寬比變爲1.77，這意味着由於長寬比的縮放效果，以特定像素寬度和高度顯示的任何圖像將以英寸爲單位的不同尺寸。如果在縮放窗口中使用高寬比進行縮放，則存在相同的基本問題。

大多數網站都是通過使用em來解決這個問題的，老實說，它和其他任何渲染模式都有相同的缺陷。即使「獨立於設備的像素」也是基於監視器的DPI。所以，使用它知道它只有比px更少的錯誤，並不是因爲它是完美的。

如果您想進行更深入的研究，請閱讀以下文章。

http://www.w3.org/WAI/GL/css2em.htm

Answer 2

是的，至少IE6 & IE7做到這一點。看看How to Size Text in CSS。

Answer 3

這是正確的？

嗯，是的，當然也有少數（通常較舊的）瀏覽器，不會讓你調整文本，當它在px，pt，in，mm大小真實等。

但即使在工作縮放的瀏覽器中，相對於用戶對字體大小的偏好而言，它也很有禮貌，所以它們不必調整文本大小或手動縮放頁面以使其更舒適。 （固定字體加上固定寬度的頁面可以是特別糟糕的這頁縮放的瀏覽器，縮放中很可能使文本的列太寬，以適應屏幕。）

原則，採用了PX測量字體大小不是一個好主意。

我不會去說這總是一個壞主意。

頁面上經常會出現一些元素，您希望文本的大小與圖像匹配（例如，下面有文本的標題，應該或多或少沒有包裝或文本高於背景圖像以適應它）。在這種情況下，您應該使用px來使字體和圖像很好地排列。

對於頁面的正文文本，是的，使用em/%更好，並讓用戶決定大小。但對於在頁面的圖形佈局中起作用的文本，px字體通常是最好的選擇。

Answer 4

引用CSS：由埃裏克邁耶權威指南

還有一個值，該值是 潛在一樣36pt，和 這36px，這將是相同的 物理距離如果顯示 中等是每英寸72像素（ppi）。 但是，只有極少的顯示器 已經設置了。大部分是 高得多，在96ppi到 120ppi的範圍內。許多非常老的Macintosh網絡瀏覽器將點和像素視爲 ，雖然它們是等效的，所以 值14pt和14px可能看起來相同，它們是 。然而，這不是，但是，對於Windows和其他平臺， 案件， 包括Mac OS X，這是 之一，主要原因爲什麼點可以是 很難測量使用 文件設計。

由於 操作系統之間的這些差異，許多作者選擇 來使用字體大小的像素值。一個web 頁面上混合的文本和圖像時 這種方法是特別有吸引力的 ，因爲文本可以（在理論上）是 設置爲相同的高度爲頁面上的圖形 元件通過聲明 字體大小：11像素;或類似的東西， ，如圖5-15所示。

使用像素的三圍字體大小 肯定是獲得與字體大小 （事實上，任何長度的話）， 「一致」的結果的一種方式，但有一個主要的缺點。 Internet Explorer for Windows up 到版本6.0不允許 用戶輕鬆調整已設置 的文本的像素大小。其他瀏覽器， 包括Mozilla，Netscape 6+， IE5 +/Mac，Opera甚至IE7，允許 用戶調整文本大小，不管它如何設置 。因此，使用像素到 大小的文本不再是保證 它將保持相同的大小而不是 是任何其他方法。本章中討論的其他 方法， 如關鍵字和百分比，是 去一個更健壯（和用戶友好的） 的方式，因爲它們可以被用來從用戶的默認 字體大小 規模文本。

這就是說，這裏的問題是什麼單位使用你的body元素。在大多數情況下，您應該將em單位用於其他元素，如標題和段落。