计算器。 我是新手,我有一个问题。希望有人可以帮助我。我想知道如何从这个惊人的Tutorial调整图像的大小。我有自己的网站,悬停效果很好但我不知道如何调整图像大小。基于上面的代码 上面发布的网站,我想请求你的帮助。 您的回答将受到高度赞赏!
答案 0 :(得分:0)
让我看看我是否理解你的问题。
每个图像容器都是HTML图形标记。因此,要调整图像大小,您确实需要调整其容器的大小。
将它添加到图形选择器
下的css中width: 200%;
如果您想要其他尺寸,只需使用值=)。
答案 1 :(得分:0)
您可以尝试使用html中的以下内容
<img class="myImageClass" src="myImg.png >
然后在你的css中调整图像大小
.myImageClass { width: x; height: y; }
其中x和y是您的新图片尺寸。
作为一个注释,你应该只以这种方式减少,而不是增加图像的尺寸。
答案 2 :(得分:0)
我认为这是示例<img src="img/1.jpg" alt="img01"/>
如果是这样,我建议您更改<img src="img/1.jpg" Class="Image1" alt="img01"/>
然后在你的CSS添加
.Image1{
Width:*your chosen width, I would recommend % as the other widths are using that*
}
我建议您查看http://www.w3schools.com/cssref/pr_dim_width.asp 它提供了许多有用的帮助或https://developer.mozilla.org/en-US/docs/Web/CSS(搜索右上角你想要的)
答案 3 :(得分:0)
数字的标准是33,33%
<figure class="effect-lily">
<img alt="img01" src="img/1.jpg"></img>
<figcaption></figcaption>
</figure>
.grid figure {
width: 33.333%;
}
例如,如果将此属性更改为50%,则每行将有2个图像。在这个例子中,它位于第22行的css / component.css下。