css - 无法调整 https ://github. com/erikflowers/weather-icons 中的图标大小

Question

我正在尝试将这些图标与 openweathermap 一起使用，并且我成功地做到了，尽管我无法更改它们的大小!他们的使用方式就像很棒的字体:<i class="wi wi-omw-100"></i>

我要更改什么属性才能使其变大？ (我试过的很棒的字体不起作用!)并且我在文档中找不到特定的内容。

这里是初级 CSS 用户。

(代码:http://codepen.io/dioannou/pen/grveyR)

Answer 1

我知道这已经一个月了，但我想我应该告诉你我是如何做到的:

环顾四周后，我发现这个解决方案以所有具有标签 <i> 的元素为目标。标签。

wildcard * in CSS for classes

这可能不是最佳解决方案，而且文档非常有限。

最后，我只是在一个重写的 css 文件中执行了此操作:

i[class^="wi-"], i[class*=" wi-"] {
    font-size: 200px;
}

这可能不是最佳解决方案，如果我找到更好的方法，我会在这里发帖。我还没有机会查看特定尺寸类别的原始 CSS 文件，但这对我来说很有用，我只需要在一个页面中使用它并继续。

希望这对某人有帮助。