CSS에서 PC의 단위는 무엇입니까?-프런트엔드 Q&A-php.cn

CSS에서 PC의 단위는 무엇입니까?

WBOY

풀어 주다： 2022-09-14 16:57:51

원래의

4942명이 탐색했습니다.

CSS에서 PC는 절대 단위입니다. 절대 단위는 실제 물리적 크기를 반영하며 화면 크기나 글꼴의 영향을 받지 않는 고정 값입니다. PC의 전체 이름은 Pica, Pica를 의미합니다. 또한 인쇄 용어이며 "1pc = 16px"입니다.

CSS에서 PC의 단위는 무엇입니까?

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

css에서 pc의 단위는 무엇인가요

pc는 CSS의 절대 단위입니다

CSS에서 절대 단위에는 px, pt, pc, cm, mm, in 등이 있습니다. 절대 단위는 실제 물리적 크기를 반영하는 고정 값입니다. 화면 크기나 글꼴 크기의 영향을 받지 않습니다. 크기는 화면의 값과 해상도(DPI, 인치당 도트 수)에 따라 다릅니다. px는 가장 일반적으로 사용되는 절대 단위 중 하나입니다. 이러한 절대 단위 간의 변환 관계는 다음과 같습니다.

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

로그인 후 복사

pc는 Picas를 의미하며 Paica를 의미합니다. 우리나라 신형 4호형 크기와 맞먹습니다. 파이카(Paica)는 인쇄된 용어이기도 하며, 1페이카는 12포인트와 같습니다. 그것과 px 사이의 변환 관계는 다음과 같습니다:

1pc = 16px

로그인 후 복사

Expand Knowledge

px는 픽셀이라고 불리며 픽셀을 의미합니다. 특히 고화질 화면에서는 디스플레이가 다운됩니다. CSS 단위는 브라우저, 운영 체제 또는 하드웨어에 따라 적절하게 크기가 조정되고 특정 장치 또는 사용자 해상도 설정에 따라 달라질 수 있지만 96px은 일반적으로 1인치의 크기와 같습니다.

CSS는 각 이미지의 기본 크기가 1px이므로 래스터 이미지(예: 사진 등)의 표시 방법을 정의합니다. "600x400" 해상도 사진의 길이와 너비는 각각 "600px", "400px"이므로 사진 자체의 픽셀은 디스플레이 장치의 픽셀과 일치하지 않고 px 단위와 일치합니다. 이를 통해 이미지가 웹 페이지의 다른 요소와 완벽하게 정렬될 수 있습니다.

많은 경우 px는 CSS 픽셀이라고도 합니다. 이는 절대 단위이지만 픽셀 단위는 장치 픽셀을 기준으로 하기 때문에 상대 단위로 간주될 수도 있습니다. 동일한 장치에서 각 CSS 픽셀이 나타내는 물리적 픽셀은 변경될 수 있으며, 서로 다른 장치 간에는 각 CSS 픽셀이 나타내는 물리적 픽셀이 변경될 수 있습니다.

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

로그인 후 복사

pt는 점을 의미하는 Point라고 합니다. 소프트웨어 디자인과 조판, 인쇄 업계에서 자주 사용됩니다(제가 구축한 프론트엔드 시스템의 최종 결과물이 인쇄해야 하는 PDF이기 때문에 이 유닛을 자주 사용합니다). 본 기기를 사용할 경우 모니터의 해상도에 관계없이 종이에 인쇄된 결과는 동일합니다.

순전히 웹 페이지 표시용이라면 px 픽셀 단위를 사용하는 것이 좋습니다. 인쇄된 제품을 출력해야 하는 경우 pt 사용을 고려해 보세요.

cm은 센티미터(Centimeters)의 약자로 센티미터를 뜻합니다. px와의 변환 관계는 다음과 같습니다.