javascript - 낮은 버전의 Chrome 및 모바일 터미널에서 SVG 글꼴 크기 조정 문제가 있습니다.
怪我咯
怪我咯 2017-05-16 13:32:50
0
1
724

낮은 버전의 쉘 브라우저와 360 Extreme Speed와 같은 모바일 브라우저에서는 svg의 <tspan> 태그에 있는 글꼴 크기가 올바르게 조정되지 않지만 최신 버전의 Chrome에서는 정상입니다.

으아악

창을 축소할 때 스피드 브라우저의 글꼴 크기는 12px로 조정해도 줄어들지 않습니다. 최신 크롬에서는 잘 작동됩니다. 360 익스트림 스피드 디버깅 도구를 열고 display:block 속성을 제거하면 스케일링이 정상적으로 됩니다. 그러나 CSS에서 직접 display:inline을 설정하는 것도 작동하지 않습니다. 유선입니다.

怪我咯
怪我咯

走同样的路,发现不同的人生

모든 응답(1)
仅有的幸福

스타일 text-rendering="geometricPrecision"을 svg로 설정하세요.

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿