我的图像不会改变尺寸

Question

如何更改照片的尺寸？我希望它们大小都一样，我在做什么错了？

HTML：

<img src="tennis.jpg" class="aktiviteter">
<img src="venner.jpg" class="aktiviteter">
<img src="shopping.jpg" class="aktiviteter">

CSS：

.aktiviteter {
    width="450px" 
    height="300px"
}

Answer 1

您无需在CSS中使用“ =”，也不需要引号。还可以尝试使用半冒号结束该语句

.aktiviteter {
    width: 450px; 
    height: 300px;
}

Answer 2

看看一些documentation，它会阻止您提出这样的问题。

.aktiviteter {
    width:450px; 
    height:300px;
}

<img src="https://cdn.pixabay.com/photo/2016/05/09/11/09/tennis-1381230_960_720.jpg" class="aktiviteter">
<img src="https://cdn.pixabay.com/photo/2017/07/31/20/36/dark-2560832_960_720.jpg" class="aktiviteter">
<img src="https://cdn.pixabay.com/photo/2015/10/12/15/18/store-984393_960_720.jpg" class="aktiviteter">

Answer 3

替代

有时候我喜欢将图像作为背景的一部分。我发现他们在不同的屏幕上反应更好。

HTML

<div class="container"><img src="tennis.jpg" class="aktiviteter"></div>
<div class="container"><img src="venner.jpg" class="aktiviteter"></div>
<div class="container"><img src="shopping.jpg" class="aktiviteter"></div>

CSS

.container:nth-child(1) {
height:300px;
width: 450px
background: url('../tennis.jpg') no-repeat center;
}

---

原始

将=替换为:

.aktiviteter {
    width: 450px; 
    height: 300px;
}