Safari Mobile和对象位置属性

Question

我对Safari Mobile和CSS object-position/object-fit属性有疑问。

我试图使用它，但它对我不起作用。

我已经看到了2个不同的答案（Safari Mobile支持此属性并且不支持）

有我的例子：

img {
  object-position: 0 -300px;
  width: 112px;
  height: 50px;
  display: block;
  float: left;
  margin-right: 10px;
}

我将菜单图标的CSS精灵用作img，而不是background。

我如何解决这个问题？

Answer 1

iOS safari 支持支持object-fit 但是不支持object-position

请参阅Can I use CSS3 object-fit/object-position ?

  

¹ Safari中的部分支持是指对object-fit的支持，但不支持object-position。

可能的解决方案是将background与background-position

一起使用

如果您正在使用图标，其他解决方案将使用Font-Awesome或Glyphicons中的字形，仅举几例。

这是一篇关于CSS sprites

的好文章