小编Nat*_*l S的帖子

在缩放时在Chrome上,带有图像精灵的图标会变得不对齐.当你沿着背景图像走得更远时,位置似乎略微下降.这只发生在Chrome中.

这是CSS.

.feature-icon {
    height: 22px; 
    width: 22px;
    display: inline-block;
    background-image:url(feature-icon-sprite.png);
    background-size: 22px;
}
.schedule {
    background-position: 0 0; 
}
.selections {
    background-position: 0 -22px; 
}
.messages 
    background-position: 0 -44px; 
}
...

这是HTML.

<span class="feature-icon schedule"></span>
<span class="feature-icon selections"></span>
<span class="feature-icon messages"></span>

我在互联网上看过像这样的文章.听起来像Chrome中有一些像素舍入问题.我已经尝试将大小更改为20px以避免出现问题,但在缩放110%时仍然会发生这种情况.

Xamarin旨在通过在C#中编码来创建原生的iOS,Android和Windows应用程序.但它还可以生成一个网络应用程序吗？

如果没有,是否有一些解决方案可以让我们这样做？