要制作响应式图片，可以使用CSS的 max-width属性。这个属性可以让图片的宽度自适应父元素的大小，同时保持其原始比例。下面是一个例子：
img {
max-width: 100%;
height: auto;
}在这个例子中，图片的最大宽度被设置为其父元素的100%，也就是说图片的宽度将会自适应其父元素的大小。图片的高度被设置为“auto”，这样图片的高度将会根据其原始比例自动调整。
要制作相对大小的子元素，可以使用CSS的 width 和 height属性。这两个属性可以让子元素相对于其父元素设置大小。下面是一个例子：
.parent {
width: 500px;
height: 500px;
}
.child {
width: 50%;
height: 50%;
}
在这个例子中，父元素的宽度和高度被设置为500像素。子元素的宽度和高度被设置为其父元素的50%，也就是说子元素的大小将会是其父元素的一半。