Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 为什么我的内联svg不能在Safari(桌面和移动)上正确显示?_Html_Wordpress_Svg_Safari_Inline Svg - Fatal编程技术网

Html 为什么我的内联svg不能在Safari(桌面和移动)上正确显示?

Html 为什么我的内联svg不能在Safari(桌面和移动)上正确显示?,html,wordpress,svg,safari,inline-svg,Html,Wordpress,Svg,Safari,Inline Svg,为什么我的内联svg不能在Safari(桌面和移动)上正确显示 我试图在几个WordPress网站上使用内嵌svg图形。内联svg的一个原因是,它能够为图形设置样式,而无需手动操作,然后将图形作为文件上传 由于我是svg新手,我确信代码中会有一些错误,但总体而言,它似乎在不同的浏览器/分辨率等上工作。只有在Safari上svg没有正确显示。它不显示为水平居中,而是显示为与图形部分的右切割偏移。事实上,第一个符号似乎居中,尽管这可能是巧合 如果我稍微摆弄一下viewbox,我可以让它像应该的那样居

为什么我的内联svg不能在Safari(桌面和移动)上正确显示

我试图在几个WordPress网站上使用内嵌svg图形。内联svg的一个原因是,它能够为图形设置样式,而无需手动操作,然后将图形作为文件上传

由于我是svg新手,我确信代码中会有一些错误,但总体而言,它似乎在不同的浏览器/分辨率等上工作。只有在Safari上svg没有正确显示。它不显示为水平居中,而是显示为与图形部分的右切割偏移。事实上,第一个符号似乎居中,尽管这可能是巧合

如果我稍微摆弄一下viewbox,我可以让它像应该的那样居中-但是svg不能在其他浏览器上正确显示

知道我哪里出错了吗?这是我的代码中的错误还是Safari的已知错误


Lorem ipsum向使用元素添加宽度和高度:


Lorem ipsum使用“扩展”符号/使用(即使用3个独立的“硬编码”圆和路径)时是否正常工作!谢谢你的快速回答。有没有任何迹象表明这是为什么?我在符号定义中指定了宽度和高度。我在答案中添加了一个引用。请看一看啊,好的。在帮助站点中,我看了看,没有看到相关的段落“其中除了'x'、'y'、'width'、'height'和'xlink:href'之外的'use'元素的所有属性都被传输”。再次感谢!