所以我对HTML / CSS很陌生,我从CodeAcademy上学这一课,我试图复制这个:https://s3.amazonaws.com/codecademy-content/projects/junction/index.html
问题在于,我无法让中间的图像看起来更大,它们非常小,而且我不知道如何调整它们的大小。
这是我的版本:https://jsfiddle.net/eb3roj0j/1/
<!--supporting-->
<div class="supporting">
<div class="container">
<div class="row">
<div class="col-md-4">
<img src="https://goo.gl/HuNcSi" class="img-responsive" alt="">
<h2>Read</h2>
<p>Discover new stories and follow your favorite writers.</p>
</div>
<div class="col-md-4">
<img src="https://goo.gl/Vxo5z5" class="img-responsive" alt="">
<h2>Write</h2>
<p>Create stories about our world, or entirely new worlds.</p>
</div>
<div class="col-md-4">
<img src="https://goo.gl/93x9GD" class="img-responsive" alt="">
<h2>Talk</h2>
<p>Join the conversation by talking with your favorite readers and your fans.</p>
</div>
</div>
</div>
</div>
答案 0 :(得分:2)
你的css中有:
.row img
{
position: relative;
float: left;
max-width: 35px;
max-height: 35px;
}
这会限制您的图像尺寸