首頁  >  文章  >  web前端  >  css裡pc是什麼單位

css裡pc是什麼單位

WBOY
WBOY原創
2022-09-14 16:57:514838瀏覽

在css中,pc是絕對單位;絕對單位是一個固定的值,它反應了一個真實的物理尺寸,不會受屏幕大小或字體的影響;pc的全名是Picas,表示派卡,派卡也是印刷的術語,並且“1pc = 16px”。

css裡pc是什麼單位

本教學操作環境:windows10系統、CSS3&&HTML5版本、Dell G3電腦。

css裡pc是什麼單位

css裡pc是絕對單位

在CSS 中,絕對單位包含: px 、pt 、pc、 cm 、 mm 、in 等。絕對單位是一個固定的值,它反應了一個真實的物理尺寸。它不會受螢幕大小或字體的影響。它們的大小取決於值以及螢幕的解析度(DPI,每英吋的點數)。 px就是我們最常用的絕對單位之一。這些絕對單位的換算關係如下:

1in = 25.4mm = 2.54cm = 6pc = 72pt =96px

pc

#pc 全稱為 Picas,表示派卡。相當於我國新四號鉛字的尺寸。派卡也是印刷的術語,1派卡等於12點。它和px 的換算關係如下:

1pc = 16px

擴展知識

  • px

#px

  • px 全稱為Pixels,表示像素,它並不嚴格等於顯示器的像素,尤其在高清螢幕下。儘管CSS單位會根據瀏覽器、作業系統或硬體適當縮放,在某些裝置或使用者的解析度設定下也會發生變化,但是96px通常等於一個實體英吋的大小。

    CSS 將光柵影像(如照片等)的顯示方式定義為預設每個影像大小為1px。一張“600x400”解析度的照片的長寬分別為“600px”和“400px”,所以照片本身的像素並不會與顯示裝置像素一致,而是與 px 單位一致。如此就可以將圖像完整的與網頁的其它元素排列起來。
很多時候, px 也常被稱為 CSS 像素。它是一個絕對單位,但也可以被視為相對單位,因為像素單位相對的是設備像素。在同一個裝置上,每 1 個 CSS 像素所代表的實體像素是可以變化的;在不同的裝置之間,每 1 個 CSS 像素所代表的物理像素是可以變化的。

.box {
    width: 100px;
    height: 100px;
}

    pt
  • #pt 全稱為 Point,表示點。常用於軟體設計和排版印刷業(筆者做的前端系統,最終的產物就是一個需要拿去印刷的PDF,所以會常用到這個單位)。當使用這個單位時,無論顯示器的解析度是多少,列印在紙上的結果都是一樣的。
如果單純為了網頁的顯示,建議就使用px像素單位,如果需要輸出印刷產品,就可以考慮使用pt。

  • cm

#cm 全稱為 Centimeters,表示公分。它和 px 的換算關係如下:

1cm = 37.8px

  • mm

mm 全稱為 Millimeters,表示毫米。它和 px 的換算關係如下:

1mm = 3.78px

in

######in 全稱為 Inches,表示英吋。它和 px 的換算關係如下:###
1in = 96px
###(學習影片分享:###css影片教學###、###html影片教學###)###

以上是css裡pc是什麼單位的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn