html - 如何使图像大小取决于其位置？

Question

我如何制作嵌套在 div 中的图像以根据 div 类设置其大小。根据图像在页面中的位置缩小图像。例如:

<div class="a">
    <img src="a.jpg">
<div>
<div class="b">
    <img src="a.jpg">
<div>

我想将嵌套在“a”中的图像设置为 10X10 大小，将另一个图像设置为 20X20 大小，如果不为图像创建不同的类，我该怎么做？

Answer 1

在您的 css 文件中添加:

.a img {width: 10px; height: 10px}
.b img {width: 20px; height: 20px}

这将使“a”中的任何图像的大小为 10X10，而“b”中的任何图像的大小为 20X20。