我正在尝试使用 img 标签获取图像格式的 svg 以在 iphone 上显示。在所有现代浏览器中都很好,当我将浏览器大小缩小到移动视图时,可以在浏览器中调整大小。
问题是它不会在 iphone 上显示。我尝试使用嵌入标签,图像确实显示,但不会拾取 css 进行响应式调整大小。
这是我尝试的两种方法。
<img src="img/bg1.svg" />
<embed src="img/bg1.svg" type="image/svg+xml" />
我在 illustrator 中构建并保存了图像,并使用 svg tiny 1.1 设置保存了它,该设置据说适用于移动设备。
关于为什么这不起作用的任何想法?或者为所有移动设备显示 svg 的最佳方式是什么?