jquery - 缩放时保持 HTML 元素的大小固定

Question

当在移动设备中看到时，我想在页面的左下角创建一个浮动按钮。即使在滚动或缩放页面之后，它也应该保持固定大小（从最终用户的角度来看）和固定位置。

我对固定尺寸的东西做了几次尝试，但没有成功。

任何人都知道这是否可能（可能使用 jQuery 或其他任何东西）？

下面是我上次尝试的代码。固定位置已经完成并在 CSS 文件中设置。

对不起我的英语，但你可能已经注意到它不是我的母语。

<script>
    function isMobile(){
        var userAgent = navigator.userAgent.toLowerCase();
        return userAgent.search(/(android|avantgo|blackberry|bolt|boost|cricket|docomo|fone|hiptop|mini|mobi|palm|phone|pie|tablet|up\.browser|up\.link|webos|wos)/i)!= -1 ;
    }

    $(document).ready(function(){
        if(isMobile()){
            $('.back2mob').css('display', 'block');
        }
    });
</script>
<div class="back2mob" style="min-zoom:1; max-zoom:1;">
       <p><a href="${widgetContent.fields.url}">versão mobile</a></p>
</div>