Android의 Chrome에서 글꼴 크기 조정
분명히 텍스트 단락이 특정 길이에 도달하면 Android의 크롬은 텍스트 크기를 조정하고 더 크게 만들기로 결정합니다 (모든 종류의 재미를 유발). 이제 저는 p- 태그의 약 절반이 제가 설정 한 크기를 따르고 나머지 절반은 원하는대로 변경하는 웹 사이트를 가지고 있습니다. 분명히 단락의 길이에 따라 다릅니다.
도대체 어떻게 고쳐야합니까?
추가 max-height: 999999px;당신이 글꼴 강화를에 방지 할 요소, 또는 그 부모.
<meta>문서에 다음 태그를 포함합니다 <head>.
<meta name="viewport" content="width=device-width, initial-scale=1">
이렇게하면 뷰 프레임이 올바르게 설정되므로 "FontBoosting"이 필요하지 않습니다.
이제이를 제어하기 위해 설정할 수있는 CSS 속성이 있습니다.
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
참조 https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust를
이것을 리셋에 넣으십시오. html * {max-height:1000000px;}
몇 가지 테스트 후이 규칙이 도움이되었습니다. 강화 된 텍스트를 포함하는 요소 또는 div / 테이블 구조에 따라 상위 요소에 추가해야합니다.
element or parent element {
/* prevent font boosting on mobile devices */
width: 100%;
height: auto;
min-height: 1px;
max-height: 999999px;
}
필요에 따라 너비 및 높이 값을 수정해야 할 수도 있습니다.
내 페이지에 대한 해결책을 찾았습니다. 부모 요소에 너비와 높이를 지정하세요! 글꼴은 해당 테두리를 벗어나지 않으므로 작게 유지됩니다.
이를 "글꼴 부스팅"이라고 하며이 WebKit 버그에 자세히 설명되어 있습니다 . 현재는 비활성화 할 수있는 방법이 없습니다.
참고 URL : https://stackoverflow.com/questions/11289166/chrome-on-android-resizes-font
'Programing' 카테고리의 다른 글
| 공유 기본 설정의 모든 키를 반복하는 방법은 무엇입니까? (0) | 2020.10.16 |
|---|---|
| WELD-000072 비활성화 범위를 선언하는 관리 Bean은 비활성화 가능해야합니다. (0) | 2020.10.16 |
| 자동 너비와 너비 100 %의 차이 (0) | 2020.10.16 |
| C의 값에 대한 주소 또는 포인터 인쇄 (0) | 2020.10.15 |
| 머신 특정 구성 파일 커밋 (0) | 2020.10.15 |