html - Ipad 上的评级格式问题

Question

评分在 Chrome (Ipad) 中未正确显示

我使用了 asp.net 默认评级控件。它在所有浏览器中都能完美运行，没有兼容性问题。但在

Ipad -> 已安装的 Chrome

这是我的 CSS

.Star {
    background-image: url("/Images/rating/Star.gif");
    height: 17px;
    width: 17px;
}

下面是它在 Ipad 中的截图

谢谢

Answer 1

您使用的评分控件将使用具有高度和宽度的跨度，我认为跨度元素是 HTML 中的内联元素。您不能为内联元素指定 width 和 height。所以

添加display: inline-block;

.Star {
    background-image: url("/Images/rating/Star.gif");
    height: 17px;
    width: 17px;
    display: inline-block; /* or display block */
}

我希望这会奏效。

祝你好运!