css中绝对定位如何不受设备分辨率影响始终定位在固定的点?-灵析社区

怼怼事务所

css 一个需求要在uniapp里面给一张图片设置很多可以点击的点,每个点有不同的点击事件 只能想到给图片一个相对定位,然后给每个点一个绝对定位,进行一点点的调整 但是手机分辨率改变之后,会有轻微的错位,top left的单位用的是百分比 求教有什么方法可以使得绝对定位不受分辨率的影响呢 .point { position: absolute; width: 20px; height: 20px; background-color: red; z-index: 99999; } .map { position: relative; z-index: -1; } .mh { @extend .point; top: 6%; right: 26%; } .bj { @extend .point; top: 6%; right: 26%; } .dh { @extend .point; top: 6%; right: 26%; }

阅读量:202

点赞量:0

问AI
既然你的容器用的是 "vw/vh" 这样的视口单位,那么你的定位时使用的单位也需要使用 "vw/vh" 这样的视口单位。 但是既然你只需要给图片设置可以点击的区域,可以考虑使用上古时代的 "热点区域 - HTML(超文本标记语言) | MDN" (https://link.segmentfault.com/?enc=LoJPbcuAVFM3ncwvMSQFhw%3D%3D.0z8soEbNLj1Me4oh1F%2B9HSyLM7Vh1W6%2FNbUp8kQV1DqG7PRtr4B5kvTdtNGGD4W8cxGuKgJPJfP2LhscjoRWOQ%3D%3D)