无法调整来自 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;
}

这可能不是最佳解决方案，如果我找到更好的方法，我会 post 回到这里。我还没有机会查看原始 CSS 文件的特定大小 class 但这对我有用，我只需要在一页中使用它并继续。

希望这对某人有所帮助。