Google Chrome 작은 글꼴 처리 솔루션, 즉 12px_html5 이하 글꼴 튜토리얼 기술

Google 크롬은 사용자 경험으로 인해 12px 미만의 작은 글꼴을 지원하지 않습니다.
인터넷에 사용 가능하다는 기사도 있습니다.

코드 복사

코드

-webkit-text-size-adjust:none;

그러나 Chrome 27부터 이 속성에 대한 지원이 제거되었습니다.

이 문제를 해결할 수 있는 다른 방법은 없나요?

Google Chrome은 CSS 크기 조정을 지원하므로 이에 대해 소란을 피울 수 있습니다.

코드 복사

코드는 다음과 같습니다.

-webkit-transform: scale(0.5)

최소 지원이 12px이므로 12px 기준으로 크기를 조정합니다.

동시에 -webkit-transform-origin-x: 0;을 사용하여 크기 조정 후 margin-left의 변위 문제를 해결할 수 있습니다.

코드 복사

코드는 다음과 같습니다.

.test_tag{
font-size:12px
-webkit-transform-origin- x: 0;
- webkit-transform: scale(0.5833333333333334);
}

척도 값은 다음과 같이 계산됩니다. 7 / 12 = 0.5833333333333334