css里pc單位指的是什么

這篇文章主要介紹“css里pc單位指的是什么”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“css里pc單位指的是什么”文章能幫助大家解決問題。

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

本教程操作環境：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 全稱為 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里pc單位指的是什么”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。