designer사진의 텍스트가 10px인 경우 웹페이지에 구현해 드립니다. 종종 디자이너들이 우리에게 와서 이 글꼴을 더 작게 할 수 있는지 묻습니다. 제가 디자인한 것은 10px 인가요? 왜 12px인가요? 사실 우리 모두는 Chrome의 최소 글꼴 크기가 12px라는 것을 알고 있습니다. 8px 또는 10px로 설정해도 브라우저에는 12px만 표시됩니다. . 그렇다면 이 부정 행위 문제를 해결하는 방법은 무엇입니까? 해결 방법을 살펴보겠습니다!
저희 접근 방식은 다음과 같습니다.
Google Chrome 커널의 경우 웹킷 접두사를 추가하고 변환:scale() 속성을 사용하여 확장하세요!
코드 데모:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
span{
font-size: 12px;
display: inline-block;
-webkit-transform:scale(0.8);
}
</style>
</head>
<body>
<span>测试10px</span>
</body>
</html>위는 HTML에서 Chrome 지원 텍스트를 12px보다 작게 만드는 방법입니다. 모든 내용을 보려면 이 사이트검색으로 이동하세요!
관련 권장 사항:
CSS 스크롤 막대 스타일은 IE8 및 Chrome 브라우저와 어떻게 호환되나요?
HTML에서 텍스트 마지막 줄이 불완전하게 표시되는 문제를 해결하는 방법
위 내용은 HTML에서 Chrome 지원 텍스트를 12px보다 작게 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
