Google 크롬이 12px보다 작은 텍스트에 대해 CSS 설정을 지원하지 않으면 어떻게 해야 하나요?

오늘 제가 가져온 튜토리얼은 Google Chrome이 CSS 작은 글꼴 설정을 지원하지 않는 문제에 대한 해결책입니다.

웹 페이지는 아름다운 레이아웃을 위해 크거나 작은 텍스트를 사용하는 경우가 많습니다. 일반적으로 글꼴 크기의 텍스트는 12픽셀(픽셀) 텍스트입니다. 텍스트 글꼴을 12px보다 크게 설정하면 각 브라우저는 CSS에서 설정한 텍스트 크기 효과를 표시할 수 있습니다. 단, CSS 설정이 12px 미만인 경우 Google Chrome에서는 12px 미만의 CSS에서 설정한 텍스트 글꼴 효과를 표시할 수 없습니다.

Google Chrome은 설정을 지원합니다font-size12px보다 작은 픽셀에 대한 솔루션

Google Chrome의 기본 최소 글꼴은 12px이며, 12px보다 작은 글꼴은 12px로 표시되는 경우가 있습니다. 특히 웹사이트에서 영어를 만들 때 더 작은 글꼴이 필요합니다. CSS 스타일은 12px보다 작은 텍스트를 표시하는 데 자주 사용되므로 Chrome에서는 더 작은 텍스트를 표시할 수 없습니다. 그래도 해결책이 있습니다.

필수 CSS 코드를 해결하세요

html 또는 본문에 Google Chrome 전용 커널 속성 스타일을 추가하세요(또는 작은 텍스트 글꼴 개체 CSS 선택기 를 설정해야 하는 경우 다음 CSS 코드를 추가하세요).

html,body{-webkit-text-size-adjust:none;}或.pcss5{-webkit-text-size-adjust:none;}

참고: 이 속성을 사용하면 브라우저 글꼴에서 확대/축소 기능을 사용할 수 없습니다! (CTRL 키를 누른 상태에서 마우스 가운데 버튼을 위아래로 스크롤하는 기능입니다)

단위를 바꿔보세요 - 소용없음:

몇몇 친구들은 글꼴 크기를 정의하기 위해 em(문자)를 단위로 사용하는 것이 좋다고 말했습니다. 유용한. 저는 개인적으로 Google Chrome에서 가장 작은 글꼴 크기가 12px보다 작지 않다는 것을 테스트했습니다. 그래서 그것은 쓸모가 없습니다. 현재는 위의 방법만 알고 있습니다.

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

관련 읽기:

카멜 표기법 명명 및 JS에 대한 질문에 대한 답변

JS의 부울 값, 관계 연산자 및 논리 연산자에 대한 자세한 설명과 예 ​​

프런트엔드 js 요약 프레임워크 및 용도 설명

위 내용은 Google 크롬이 12px보다 작은 텍스트에 대해 CSS 설정을 지원하지 않으면 어떻게 해야 하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!