以像素爲單位的元素大小，爲什麼..？

Question

我是一個類似於... 12年的web開發者，其中很多人都是業餘愛好者，最新的5人是專業人士。但我仍然無法解決以下問題，這可能是一個非常愚蠢的問題，尤其是來自我的問題，但是：

爲什麼我們仍然在使用像素來表示維度？

大約兩三年前，我看到了新的HiDPI屏幕的曙光，就像iPhone 4一樣。我真的很想知道這會如何影響我們的網頁設計和網頁開發。我在一家廣告公司工作，瞭解更多有關打印的平均webdever（如在紙上打印或其他物理內容）。當我想着我們下一步要去的地方時，我正在考慮用印刷術的方式;它們不依賴像素（或點使用正確的術語）的大小，這將是絕對愚蠢的。因爲，如果您將文檔發送到打印機，則在開始設計文檔之前，您需要知道該設備的DPI。這就是爲什麼他們使用度量（或皇室或其他）尺寸，然後只是提前預測他們最終會支持多高的DPI。 （300 DPI是一個非常標準的最大值）

所以，我對上述問題（兩年前）的回答是：我們可能會對設備使用度量或其他非像素相關的測量系統。因爲我們會有很多不同DPI的多種設備。這幾乎是我們確保設備能夠正常顯示網站的唯一方式。

現在，兩年後，我們一直在使用其他一些解決方案。對於各種各樣的屏幕設置，這仍然更像是解決方法，然後纔是真正的解決方案。

我的期望是否對指標體系錯誤？有沒有我忽視的東西會使這個解決方案變得不可能？那麼我是否已經有了一個真正合乎邏輯的解決方案？

Answer 1

像素是固定的屏幕格式，正如您所知，所有可用於網絡的可見設備都是通過屏幕（顯示器，平板電腦，手機等）顯示的。正如你所說，DPI和PPI是非常不同的東西，但由於我們的屏幕不關心點，所以它的工作原理。

但是，它不會縮放比例（例如字體）％和「em」。

爲了進一步解釋PX和它的固定的大小，這裏是從這個W3.org頁小報價：

爲了得到一個像素的外觀的想法，想象從上世紀90年代CRT電腦顯示器：它可以顯示的最小點大約是1/100英寸（0.25毫米）或更多一點。 px單元從這些屏幕像素中得名。

現在有些設備原則上可以顯示更小的尖點（儘管您可能需要放大鏡才能看到它們）。但是，上個世紀在CSS中使用px的文檔仍然看起來是一樣的，不管是什麼設備。特別是，打印機可以顯示比1px小得多的細節，但是即使在打印機上，1px行看起來也與在計算機顯示器上看起來非常相似。設備會改變，但px始終具有相同的視覺外觀。

現在，關鍵是它取決於你想要的佈局 - 我們有％，px，pt，em（等），我們可以選擇使用這些工具（或不用）來完成手頭的任務。許多人不會使用根據設備重新調整的方法（並且我們有自動檢測功能），而其他方法則完全適合。

對於我來說，任何尺度的問題都很難在整個設計中相對擴展......在較高或較低分辨率的瀏覽器中，您的文本可能出現在一行上或需要包裝多行。如果這是至關重要的，那麼使用像素來修復它。

這也是爲什麼這麼多網站都集中（包括這一個）。它給人以錯覺，整個屏幕都被拍攝，但它不是 - 左右邊緣有白色空間，並沒有關係 - 內容清晰，設計師有控制權。

我無法計算我的客戶請求縮放（違反我的建議）多少次，然後遇到佈局問題 - 正如您可以猜到我熱衷於此。

但是，最好的方法是將兩者結合使用 - 將像素尺寸固定爲包裝，內部使用％或類似尺寸 - 這樣可以在不失去太多控制的情況下提供流暢的幻覺。

我不認爲你的問題會得到直接的答案，因爲它恐怕會成爲非常輿論的依據。