调整图像大小

时间:2014-07-18 13:01:02

标签: jquery html css

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

4 个答案:

答案 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下。