移动端怎么设置图片上多个按钮的位置

Question

移动端不同机型大小不同，图片大小自适应手机屏幕大小。那么图片上多个按钮怎么保证手机大小改变时，位置不会错乱呢？？如图所示，黑色框是一个图片，黄色框是图片上四个位置分别有产品，怎么保证红色的按钮一直在四个产品的正下方呢？？

Answer 1

<div>
    <img />
    <div><div>
</div>