低バージョンのシェル ブラウザーや 360 Extreme Speed などのモバイル ブラウザーでは、svg の <tspan> タグ内のフォントを正しく拡大縮小できませんが、最新バージョンの Chrome では正常です。
リーリーウィンドウを縮小しても、スピードブラウザのフォントサイズは12pxに拡大縮小されても縮小されません。最新のChromeでは問題なく動作します。 360 Extreme Speed デバッグ ツールを開いて、display:block 属性を削除すると、スケーリングは通常になります。ただし、CSS で直接 display:inline を設定しても機能しません。有線です。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
スタイル text-rendering="geometricPrecision" を svg に設定するだけです。