Vuetify의 기본 글꼴 크기 변경
하고 싶었던 일
브라우저의 폰트 사이즈의 설정에 맞추어, 문자 사이즈가 바뀌는 사이트로 하고 싶었다.
아무것도 하지 않으면 브라우저 설정을 변경해도 문자 크기는 동일하게 유지.
원인
Vuetify가 기본적으로 html에 대한 글꼴 크기를 설정했습니다.
html {
font-size: 16px; 👈
overflow-x: hidden;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
해결책
index.html 의 html 요소에 직접 지정해 재기록한다.public/index.html
<!DOCTYPE html>
<html lang="ja" style="font-size:initial;"> 👈
(略)
</html>
일부 다시 써 주지 않는 컴퍼넌트가 있었습니다만,
이번은 신경이 쓰이지 않는 부분이었으므로 우선 이것으로 좋다.
Reference
이 문제에 관하여(Vuetify의 기본 글꼴 크기 변경), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/bambis13s/items/afd1941487b13efaa669텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
