在安卓手机内设置svg的text标签字体小于某个定值后（貌似是12px）字体无法继续缩小，因此使用transform对元素进行转换，其代码如下 <text x="332" y="114" tar="B-4B11" style="font-size: 5px; pointer-events: none;" transform="matrix(0.4167,0,0,0.4167,193.6667,66.5)">酷乐潮玩</text> 然而当上面的搜索框获取焦点时页面上的text大小被重置了，transform属性没有起作用。显示如图我用weinre查看到此时标签上依然有transform属性。另外不仅仅是输入框获取焦点会导致该问题，还包括向body中append元素。似乎能够引起浏览器重绘的操作都会导致该问题。请问有什么办法能保证字体大小不变？

几乎是相同的场景，碰到这个问题，同问，不知道楼主解决了没有

安卓微信浏览器设置了transform的svg标签大小被重置

发布于
2015-10-10

新手上路，请多包涵

在安卓手机内设置svg的text标签字体小于某个定值后（貌似是12px）字体无法继续缩小，因此使用transform对元素进行转换，其代码如下

<text x="332" y="114" tar="B-4B11" style="font-size: 5px; pointer-events: none;" transform="matrix(0.4167,0,0,0.4167,193.6667,66.5)">酷乐潮玩</text>

图片描述

然而当上面的搜索框获取焦点时页面上的text大小被重置了，transform属性没有起作用。显示如图
图片描述
我用weinre查看到此时标签上依然有transform属性。
另外不仅仅是输入框获取焦点会导致该问题，还包括向body中append元素。似乎能够引起浏览器重绘的操作都会导致该问题。
请问有什么办法能保证字体大小不变？