2016-06-10 78 views
0

我尝试了很多,我无法调整图像大小。有人可以帮帮我吗?调整图像大小,使它们大小相同

我想图像是相同的大小。这里是我的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; 
} 

回答

0

您可以通过HTML

通过HTML标记调整图像

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

我会用CSS来代替内联样式。 – AJDEV

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; 
}