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

时间:2016-04-12 16:58:45

标签: css openweathermap

我正在尝试使用这些图标以及openweathermap并成功设法,虽然我无法改变它们的大小!他们使用它们的方式就像字体 - 真棒:<i class="wi wi-omw-100"></i>

我要更改哪个属性以使其更大? (字体很棒,我尝试过不工作!)而且我无法在文档中找到具体的内容。

初级CSS用户。

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

1 个答案:

答案 0 :(得分:0)

我知道这已经有一个月了,但我想我会告诉你我是怎么做到的:

在稍微观察之后,我发现此解决方案针对所有标记为<i>的元素。

wildcard * in CSS for classes

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

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

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

这可能不是最佳解决方案,如果我找到更好的方法,我会在这里回复。我没有机会查看原始CSS文件以获取特定的大小调整类,但这对我来说非常有用,我需要在一个页面中使用它并继续前进。

希望这有助于某人。