Javascript CSS/jQuery-响应性设计“靠近”按钮可停留在右上角 我试着创建一个弹出窗口，不管用户如何调整他/她的窗口

下面是我用来完成这一任务的js

$(window).resize(function() {
  return $(".wrapper").css({
  position: "fixed",
  left: ($(window).width() - $(".wrapper").outerWidth()) / 2,
  top: ($(window).height() - $(".wrapper").outerHeight()) / 2
 });
});

我觉得这样行……我想我的问题在css内部

当用户向下挤压窗口高度时，我的关闭按钮会向右移动，因为图像所在的div包装器似乎不想用图像重新调整大小

这是我的小提琴

因此，如果您向下挤压窗口浏览器的高度，关闭按钮将移开，但如果您刷新页面，关闭按钮将弹回原位

---

我只希望关闭按钮与他的朋友在一起图像

在调整大小的过程中，您没有调整

包装的宽度，因此它保持原来的大小。通过将其设置为与图像相同的宽度，尝试将其拉入：

  $(document).ready(function(){
    $(window).resize(function() {
      return $(".wrapper").css({
        position: "fixed",
        left: ($(window).width() - $(".wrapper").outerWidth()) / 2,
        top: ($(window).height() - $(".wrapper").outerHeight()) / 2,
        width: $(".wrapper img").width()
      });
    });
  });

请注意，如果您在
包装上有任何填充，您可能需要调整宽度以考虑到这一点。
另外，我建议检查jQuery插件，这样您的更新只在某人完成调整窗口大小时启动，而不是在他们调整窗口大小时连续启动