의견 : Google Chrome은 12px 미만의 작은 글꼴을 지원하지 않습니다. 좋은 솔루션을 온라인으로 검색 할 수 있습니다. 관심있는 친구들이 그것을 언급 할 수 있습니다. 모든 사람에게 도움이되기를 바랍니다.
Google Chrome은 12px 미만의 작은 글꼴을 지원하지 않습니다. 아마도 사용자 경험 때문일 수 있습니다.인터넷에는 사용할 수 있다는 기사가 있습니다.
-webkit- 텍스트 크기 조정 : 없음;
그러나 Chrome 27 이후이 속성에 대한 지원이 취소되었습니다.
이 문제를 해결할 수있는 다른 방법이 있습니까?
Google Chrome은 CSS 스케일링을 지원하므로 다음과 같은 기사를 작성할 수 있습니다.
-webkit 변환 : 스케일 (0.5);
최소 지원은 12px이므로 12px로 기본 점으로 스케일링하십시오.
동시에 -webkit-transform-origin-x : 0을 사용할 수 있습니다. 스케일링 후 왼쪽의 변위 문제를 해결하려면 :
.test_tag {
글꼴 크기 : 12px;
-webkit-transform-origin-x : 0;
-webkit-transform : 스케일 (0.58333333333333334);
}
스케일 값의 계산 방법은 다음과 같습니다. 7 / 12 = 0.5833333333333333334