您的位置:首页技术文章
文章详情页

css - 关于移动端定位position准确的问题?

【字号: 日期:2023-01-29 10:35:49浏览:24作者:猪猪

问题描述

css - 关于移动端定位position准确的问题?

这样的一张图,需要放8个按钮对应八个地图位置,在不同尺寸的移动端设备上,图的宽度可能会发生变化。

按钮的position定位如何自适应准确?

按钮的宽高如何定?

求教解决方案。

问题解答

回答1:

1.你的地图是怎么绘制的?2.如果是普通的p,使用相对定位和绝对定位就ok3.如果是canvas绘制的,通过x,y坐标绘制相应的文案提示即可

回答2:

尝试使用百分比定位

回答3:

建议用canvas坐标定位,比较准确

回答4:

建议使用rem单位,margin百分比+position定位在移动UC浏览器中有兼容问题

回答5:

1、用<meta name='viewport'>定义设备宽度2、使用position,然后计算百分比位置

回答6:

你提的问题,我理解的是移动端适配。解决方案有很多,比较推荐淘宝使用的rem解决方案,具体实践可以参考这篇文章的说的多屏适配问题。http://www.html-js.com/articl...

标签: CSS
相关文章: