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

Question

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

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

2. 按钮的宽高如何定？

求教解决方案。

Answer 1

1.你的地圖是怎麼繪製的？
2.如果是普通的p，使用相對定位和絕對定位就ok
3.如果是canvas繪製的，透過x,y座標繪製對應的文案提示即可

Answer 2

嘗試使用百分比定位

Answer 3

建議用canvas座標定位，比較準確

Answer 4

建議使用rem單位，margin百分比+position定位在行動UC瀏覽器有相容問題

Answer 5

1、用定義設備寬度
2、使用position，然後計算百分比位置

Answer 6

你提的問題，我理解的是行動端適配。解決方案有很多，比較推薦淘寶使用的rem解決方案，具體實踐可以參考這篇文章的說的多螢幕適配問題。
http://www.html-js.com/articl...