登录

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

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

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

  2. 按钮的宽高如何定?

求教解决方案。

# HTML
黄舟黄舟2140 天前752 次浏览

全部回复(6) 我要回复

  • PHP中文网

    PHP中文网2017-04-17 14:40:03

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

    回复
    0
  • 高洛峰

    高洛峰2017-04-17 14:40:03

    尝试使用百分比定位

    回复
    0
  • 巴扎黑

    巴扎黑2017-04-17 14:40:03

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

    回复
    0
  • 天蓬老师

    天蓬老师2017-04-17 14:40:03

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

    回复
    0
  • PHP中文网

    PHP中文网2017-04-17 14:40:03

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

    回复
    0
  • 阿神

    阿神2017-04-17 14:40:03

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

    回复
    0
  • 取消回复发送