Question

你可以告诉我如何增加图像或图标的大小。它是不可见的。我从这个链接中取出图标 http://ionicons.com/和离子 - 雪佛龙 - 左

这是我的代码

<html ng-app="ionicApp">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

  <title>Tabs Example</title>

  <link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">
  <script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script>
</head>

<body>
<ion-header-bar align-title="center" class="bar bar-header bar-balanced">
  <div class="buttons">
    <i class='icon ion-chevron-left'></i>
  </div>
  <h1 class="title">Title!</h1>

</ion-header-bar>
<ion-content>
<div class="button-bar">
  <a class="button">First</a>
  <a class="button">Second</a>
  <a class="button">Third</a>
  <a class="button">fourth</a>
</div></ion-content>

</body>

</html>

Answer 1

使用font-size。

<i style="font-size:50px;" class='icon ion-chevron-left'></i>
   ^^^^^^^^^^^^^^^^^^^^^^^

Answer 2

正如@zee所说的那样（他的回复为+1），你必须使用font-size属性进行离子学（＆amp; for exemple font-awesomes）来增加大小。

我只是想完成他的回答说，由于这些包是字体，所有影响字体的css属性都可用于thoses图标，例如font-color

如何增加图像的大小，使其可见？

2 个答案: