問題描述

這樣的一張圖，需要放8個按鈕對應(yīng)八個地圖位置，在不同尺寸的移動端設(shè)備上，圖的寬度可能會發(fā)生變化。

按鈕的position定位如何自適應(yīng)準(zhǔn)確？

按鈕的寬高如何定？

求教解決方案。

問題解答

1.你的地圖是怎么繪制的？2.如果是普通的p，使用相對定位和絕對定位就ok3.如果是canvas繪制的，通過x,y坐標(biāo)繪制相應(yīng)的文案提示即可

嘗試使用百分比定位

建議用canvas坐標(biāo)定位，比較準(zhǔn)確

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

1、用<meta name='viewport'>定義設(shè)備寬度2、使用position，然后計算百分比位置

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