diff options
| author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:43:23 -0500 |
|---|---|---|
| committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:43:23 -0500 |
| commit | 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 (patch) | |
| tree | a9ef8ac1e1b8fe4207b6d64d3841bfb8990b6fd0 /files/zh-tw/glossary/css_pixel | |
| parent | 074785cea106179cb3305637055ab0a009ca74f2 (diff) | |
| download | translated-content-218934fa2ed1c702a6d3923d2aa2cc6b43c48684.tar.gz translated-content-218934fa2ed1c702a6d3923d2aa2cc6b43c48684.tar.bz2 translated-content-218934fa2ed1c702a6d3923d2aa2cc6b43c48684.zip | |
initial commit
Diffstat (limited to 'files/zh-tw/glossary/css_pixel')
| -rw-r--r-- | files/zh-tw/glossary/css_pixel/index.html | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/files/zh-tw/glossary/css_pixel/index.html b/files/zh-tw/glossary/css_pixel/index.html new file mode 100644 index 0000000000..ef969d88a6 --- /dev/null +++ b/files/zh-tw/glossary/css_pixel/index.html @@ -0,0 +1,24 @@ +--- +title: CSS 像素 +slug: Glossary/CSS_pixel +translation_of: Glossary/CSS_pixel +--- +<p><strong>CSS 像素</strong>—在 {{Glossary("CSS")}} 以 <code>px</code> 前輟表示—是大致對應單個點長高、肉眼也能輕易見到、否則就盡可能小的長度單位。按照定義，CSS 像素是在肉眼一臂之遙的距離下，像素密度（pixel density）為單個 96 DPI 像素的物理尺寸。</p> + +<p>這定義當然因為如「輕易見到」或「一臂之遙」之類的不精確、因人而異的用詞，而有很多解釋的空間：像是用戶坐在桌上型電腦前，用戶與那台電腦的距離，其實比手機還遠。</p> + +<p>因此，不管屏幕的實際像素密度多少，通常在談到 <code>px</code> 的時候，是為了想辦法讓 <code>96px</code> 與的長度等於1英寸（約 2.54 公分）。換句話說，如果某台手機的像素密度為 266 DPI，而某個元素的長度為 <code>96px</code>，該元素的實際長度為 266 {{Glossary("設備像素")}}。</p> + +<h2 id="深入理解">深入理解</h2> + +<h3 id="技術參考">技術參考</h3> + +<ul> + <li><a href="https://drafts.csswg.org/css-values-3/#absolute-lengths">CSS Values and Units Module, section 5.2: Absolute Lengths</a></li> +</ul> + +<h3 id="學習它">學習它</h3> + +<ul> + <li><a href="https://hacks.mozilla.org/2013/09/css-length-explained/">CSS Length Explained</a> on the MDN Hacks Blog</li> +</ul> |