Question

计算器。我是新手，我有一个问题。希望有人可以帮助我。我想知道如何从这个惊人的Tutorial调整图像的大小。我有自己的网站，悬停效果很好但我不知道如何调整图像大小。基于上面的代码上面发布的网站，我想请求你的帮助。您的回答将受到高度赞赏！

Answer 1

让我看看我是否理解你的问题。

每个图像容器都是HTML图形标记。因此，要调整图像大小，您确实需要调整其容器的大小。

将它添加到图形选择器

下的css中

width: 200%;

如果您想要其他尺寸，只需使用值=）。

Answer 2

您可以尝试使用html中的以下内容

<img class="myImageClass" src="myImg.png >

然后在你的css中调整图像大小

.myImageClass { width: x; height: y; }

其中x和y是您的新图片尺寸。

作为一个注释，你应该只以这种方式减少，而不是增加图像的尺寸。

Answer 3

我认为这是示例<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（搜索右上角你想要的）

Answer 4

数字的标准是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下。

调整图像大小

4 个答案: