缩放时保持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>