css里pc是什么单位-前端问答-PHP中文网

在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 全称为 Picas，表示派卡。相当于我国新四号铅字的尺寸。派卡也是印刷的术语，1派卡等于12点。它和 px 的换算关系如下：

1pc = 16px

扩展知识

px 全称为 Pixels，表示像素，它并不严格等于显示器的像素，尤其在高清屏下。尽管CSS单位会根据浏览器、操作系统或者硬件适当缩放，在某些设备或者用户的分辨率设置下也会发生变化，但是96px通常等于一个物理英寸的大小。

CSS 将光栅图像(如照片等)的显示方式定义为默认每一个图像大小为1px。一个“600x400”解析度的照片的长宽分别为“600px”和“400px”，所以照片本身的像素并不会与显示装置像素一致，而是与 px 单位一致。如此就可以将图像完整的与网页的其它元素排列起来。

很多时候， px 也常被称为 CSS 像素。它是一个绝对单位，但也可以被视为相对单位，因为像素单位相对的是设备像素。在同一个设备上，每 1 个 CSS 像素所代表的物理像素是可以变化的；在不同的设备之间，每 1 个 CSS 像素所代表的物理像素是可以变化的。

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

pt 全称为 Point，表示点。常用于软件设计和排版印刷行业（笔者做的前端系统，最终的产物就是一个需要拿去印刷的PDF，所以会经常用到这个单位）。当使用这个单位时，无论显示器的分辨率是多少，打印在纸上的结果都是一样的。

如果单纯为了网页的显示，建议就使用px像素单位，如果需要输出印刷产品，就可以考虑使用pt。

cm 全称为 Centimeters，表示厘米。它和 px 的换算关系如下：

1cm = 37.8px

mm 全称为 Millimeters，表示毫米。它和 px 的换算关系如下：

1mm = 3.78px

in 全称为 Inches，表示英寸。它和 px 的换算关系如下：

1in = 96px

以上就是css里pc是什么单位的详细内容，更多请关注php中文网其它相关文章！

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

前端(VUE)零基础到就业课程：点击学习
清晰的学习路线+老师随时辅导答疑

自己动手写 PHP MVC 框架：点击学习
快速了解MVC架构、了解框架底层运行原理

专题推荐：css