분명히 텍스트 단락이 특정 길이에 도달하면 Android의 Google 크롬은 텍스트 크기를 조정하고 더 크게 만들기로 결정합니다 (모든 종류의 재미를 유발 함). 이제 저는- 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;
}
필요에 따라 너비 및 높이 값을 수정해야 할 수도 있습니다.
답변
내 페이지에 대한 해결책을 찾았습니다. 부모 요소에 너비와 높이를 지정하세요! 글꼴은 해당 테두리를 벗어나지 않으므로 작게 유지됩니다.
