Question

我已经尝试了很多，我无法调整图像大小。有人可以帮助我吗？

我希望图像大小相同。这是我的HTML：

<link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>

<body class="body">

  <div class="wiesiek">
    <h1> Wiesiek Bland - My portfolio </h1>
    <h2> Warszawa Poland</h2>

    <div class="facebook, inline">
      <a href="https://www.facebook.com/wilyb"><img class="small-picture" src=http://static1.squarespace.com/static/4f5810d9e4b0ebbf0a1507a6/t/55a6e39be4b0e13bc07f93a1/1437000604121/></a>
    </div>
    <div class"github, inline">
      <a href="https://github.com/Wiesiek2811"><img class="small-picture" src=http://icons.iconarchive.com/icons/limav/flat-gradient-social/512/Github-icon.png></a>
    </div>
  </div>
</body>

这是我的css：

.facebook {
  padding-left: 800px;
  max-width:
}

.github {
  width: 80px;
}

.inline {
  float: left;
}

Answer 1

https://jsfiddle.net/90wn844n/

HTML：

<div class="wiesiek">
<h1> Wiesiek Bland - My portfolio </h1>
<h2> Warszawa Poland</h2>

<div class="facebook inline">
  <a href="https://www.facebook.com/wilyb"><img class="small-picture" src="http://static1.squarespace.com/static/4f5810d9e4b0ebbf0a1507a6/t/55a6e39be4b0e13bc07f93a1/1437000604121/"></a>
</div>

 <div clas="github inline">
 <a href="https://github.com/Wiesiek2811"><img class="small-picture" src="http://icons.iconarchive.com/icons/limav/flat-gradient-social/512/Github-icon.png"></a>
</div>
</div>

</body>

CSS：

.facebook {
 padding-left: 800px;
}

.github {
width: 80px;
}

.inline {
float: left;
}

.small-picture {
  width: 80px;
}

Answer 2

您可以通过html调整图片大小

by html tag

<img src="http://icons.iconarchive.com/icons/limav/flat-gradient-social/512/Github-icon.png" height="500px" width="500px">

调整图像大小，使它们的大小相同

2 个答案: