按钮与图片的相对位置固定

将一张图片设为背景图片，再添加相对图片具有确切位置的按钮，在网页端运行时，使用ctrl+滚轮缩放后，按钮相对图片的位置就会发生改变。尝试使用Position：fixed和absolute代码也不行。请问该如何使按钮与图片相对位置固定，在网页端缩放后相对位置也不会变。

1.@media 媒体查询器，根据不同的屏幕 px进行调整
2.监听窗体变化，利用window.devicePixelRatio 获取缩放的比例值，然后按这个比例设置即可

你用百分比确定宽高这些试试呢

background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动。
属性值

  scroll 背景图片随着页面的滚动而滚动，这是默认的。
  fixed 背景图片不会随着页面的滚动而滚动。
  local 背景图片会随着元素内容的滚动而滚动。  
  initial 设置该属性的默认值。
  inherit 从父元素继承。