发音图标正确插入的方法？

asicsfree · 发表于 2015-10-9 11:09:18

本帖最后由 asicsfree 于 2015-10-10 01:36 编辑

发音图标有时分辨率太小，一但字体放大会模糊；我试着放进一个超大图标，结果就是比字大很多。
请问最正确在词典中插入图标的HTML写法？也就是不管字体怎么放大缩小，图标同等的放大缩小，有相同行高。
另，Mdict支援 svg 档吗？

ryuya · 发表于 2015-10-9 16:32:08

Try this
<img src="speaker.png" style="height:1em;"/>
大小是跟parent element變動可隨字體大小改變

fuxy526 · 发表于 2015-10-9 12:52:36

本帖最后由 fuxy526 于 2015-10-9 12:55 编辑

给发音图标加上标签以后控制宽度和高度
如：<img src="xxx.png" class="audio"></img>
然后在css或者html里加上宽度和高度的控制 .audio img {height: 20px; width: 20px;}

asicsfree · 发表于 2015-10-9 23:57:32

本帖最后由 asicsfree 于 2015-10-11 14:37 编辑

ryuya 发表于 2015-10-9 16:32# N% ^; s. I7 W+ c# y. ^* s, C
Try this" T" j/ s& E: [2 L; F v

( n1 U: ?4 I; A大小是跟parent element變動可隨字體大小改變

图标分辨率大致要多少才可因应未来大分辨率4K屏幕或更高的呢？200x200足够吗？
我試了goldendict, eudict都支援svg，mdict不行

		自动登录	找回密码
密码			免费注册

[经验交流] 发音图标正确插入的方法？

本帖子中包含更多资源