CSS立场：解决了iPad上的一个问题吗？

我不明白为什么下面的代码不能在iPad（Safari和Chrome）上正确呈现，而在iPhone（Safari）、Android和pc上却可以

*--如果我点击右下角，实际上我触发了动作--只是按钮不可见

我使用linux，所以在iPad上调试很困难。。。有什么建议吗

<div id="print-button">
  <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 104 104">
  <circle r="50" cx="50" cy="50"></circle>
  <path d="M25 ... " transform="matrix(0.65,0,0,0.65,17.5,17.5)"></path>
  </svg>
</div>

<style>    
#print-button {
    width: 5.5rem;
    height: 5.5rem;
    cursor: pointer;
    position: fixed;
    right: 2%;
    bottom: 2%;
}
</style>

#打印按钮{
宽度：5.5雷姆；
身高：5.5雷姆；
光标：指针；
位置：固定；
右：2%；
底部：2%；
}

（*）很抱歉提供了真正的链接，而不是在js中重新创建整个内容，我希望它不会违反任何规则

---

关于这是一个重复的问题。。。（见下面的评论）

可能与@Blackam重复：我看到了，这是2011年的问题，考虑到6年来发生了变化？然而，我在另一台iPad上试了试，按钮就在那里，我不知道该怎么想……caiuse.com是这类东西的绝佳资源。但是，据我所知，

position:fixed

在iOS中是受支持的……可能是@blackam的复制品：我看到了，这是2011年的问题，考虑到6年来发生了一些变化？然而，我在另一台iPad上试了试，按钮就在那里，我不知道该怎么想……caiuse.com是这类东西的绝佳资源。但是，据我所知，

position:fixed

在iOS中受支持。。。