适用于移动设备的工具提示无法在Android浏览器中正常运行

Question

我在这里计算位置并设置位置。

问题是响应式问题。也就是说，对于移动浏览器来说，左侧位置位于最左侧，因此文本不可见。

还有什么更好的方法来计算位置并使其响应？ 单击某些图像即可打开div（看起来像工具提示）。 是否有任何解决方案来查找和设置leftPosition取决于屏幕大小或移动设备的边框。

 var setPosition = function ($targetElement, o, $inf) {  
                var height = document.body.clientHeight;
                var width = document.body.clientWidth;
                var offsetLeftposition = $targetElement.offset().left;
                var offsetTopposition = $targetElement.offset().top;
                var setLeftposition = (width - (offsetLeftposition + 30 + parseFloat(o.width))) > 0 ? offsetLeftposition + 30 :
                    offsetLeftposition - 10 - parseFloat(o.width) > 0 ? offsetLeftposition - (10 + parseFloat(o.width)) :
                    offsetLeftposition - (10 + parseFloat(o.width) / 2);
                var settopposition = (height - (offsetTopposition + 30 + parseFloat(o.height))) > 0 ? offsetTopposition + 10 :
                    offsetTopposition - (10 + parseFloat(o.height));            
                $inf.css('top', settopposition).css('left', setLeftposition);

            }