C# 处理不同屏幕分辨率的图片标签的更好方法。

C# 处理不同屏幕分辨率的图片标签的更好方法。,c#,javascript,jquery,html,css,C#,Javascript,Jquery,Html,Css,我有一个网站,根据用户在屏幕上单击的位置捕获图片标签。当用户在图像内部单击时,它将获得鼠标被单击的确切位置。之后,我必须根据不同的屏幕大小分辨率进行不同的计算,以确定正确的位置。我尝试过使用jqueryoffset,但这对我不起作用,它只显示一个位置,所以我使用evt.pageX。问题是,在我继续走这条路之前,有没有更好的方法?我相信图像是相对的,下面是我用来确定标记正确位置的javascript(顺便说一下)。谢谢你的建议和帮助 function ShowPictureTag(x, y, o

我有一个网站,根据用户在屏幕上单击的位置捕获图片标签。当用户在图像内部单击时,它将获得鼠标被单击的确切位置。之后,我必须根据不同的屏幕大小分辨率进行不同的计算,以确定正确的位置。我尝试过使用jqueryoffset,但这对我不起作用,它只显示一个位置,所以我使用evt.pageX。问题是,在我继续走这条路之前,有没有更好的方法?我相信图像是相对的,下面是我用来确定标记正确位置的javascript(顺便说一下)。谢谢你的建议和帮助

 function ShowPictureTag(x, y, orginalResolution) {
        $(document).ready(function () {
            var currentresolution = screen.width + 'x' + screen.height;
            var top = y;
            var left = x;
            if (orginalResolution != currentresolution) {
                if (currentresolution == '1440x900' && orginalResolution == '1280x960') {
                    top = y - 232;
                    left = x - 110;
                }
                if (currentresolution == '1280x960' && orginalResolution == '1440x900') {
                    top = y - 232;
                    left = x - 179;
                }
                if(currentresolution == '1366x768' && orginalResolution == '1440X900') {

                }
            }
            else {
                if(orginalResolution == '1280x960') {
                    top = y - 232;
                    left = x - 107;
                }
                if (orginalResolution == '1440x900') {
                    top = y - 232;
                    left = x - 185;
                }
                if(orginalResolution == '1366x768') {

                }
            }


            $('.pictureTagBorder').css({ top: top, left: left }).show();
        });
    }

您可以在服务器端执行它

您可以在服务器端执行它

为什么屏幕分辨率甚至是一个问题?据我所知,你只需要点击图像的X和Y值就可以了?jqueryoffset可能更有效。为什么屏幕分辨率甚至是一个问题?据我所知,你只需要点击图像的X和Y值就可以了?jQuery offset可能效率更高。