关于移动端定位position准确的问题？
这样的一张图，需要放8个按钮对应八个地图位置，在不同尺寸的移动端设备上，图的宽度可能会发生变化。
按钮的position定位如何自适应准确？
按钮的宽高如何定？
求教解决方案。
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
这样的一张图，需要放8个按钮对应八个地图位置，在不同尺寸的移动端设备上，图的宽度可能会发生变化。
按钮的position定位如何自适应准确？
按钮的宽高如何定？
求教解决方案。
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论（6）
1.你的地图是怎么绘制的？
2.如果是普通的div，使用相对定位和绝对定位就ok
3.如果是canvas绘制的，通过x,y坐标绘制相应的文案提示即可
尝试使用百分比定位
建议用canvas坐标定位，比较准确
建议使用rem单位，margin百分比+position定位在移动UC浏览器中有兼容问题
1、用<meta name="viewport">定义设备宽度
2、使用position，然后计算百分比位置
你提的问题，我理解的是移动端适配。解决方案有很多，比较推荐淘宝使用的rem解决方案，具体实践可以参考这篇文章的说的多屏适配问题。
http://www.html-js.com/articl...