文章詳情頁
css - 關(guān)于移動端定位position準(zhǔn)確的問題？
瀏覽：107日期：2023-01-29 10:35:49
問題描述
這樣的一張圖，需要放8個按鈕對應(yīng)八個地圖位置，在不同尺寸的移動端設(shè)備上，圖的寬度可能會發(fā)生變化。
按鈕的position定位如何自適應(yīng)準(zhǔn)確？
按鈕的寬高如何定？
求教解決方案。
問題解答
回答1：1.你的地圖是怎么繪制的？2.如果是普通的p，使用相對定位和絕對定位就ok3.如果是canvas繪制的，通過x,y坐標(biāo)繪制相應(yīng)的文案提示即可
回答2：嘗試使用百分比定位
回答3：建議用canvas坐標(biāo)定位，比較準(zhǔn)確
回答4：建議使用rem單位，margin百分比+position定位在移動UC瀏覽器中有兼容問題
回答5：1、用<meta name='viewport'>定義設(shè)備寬度2、使用position，然后計算百分比位置
回答6：你提的問題，我理解的是移動端適配。解決方案有很多，比較推薦淘寶使用的rem解決方案，具體實踐可以參考這篇文章的說的多屏適配問題。http://www.html-js.com/articl...
標(biāo)簽：
CSS
相關(guān)文章：
1. python中def定義的函數(shù)加括號和不加括號的區(qū)別？2. 怎么能做出標(biāo)簽切換頁的效果，（文字內(nèi)容隨動）3. 網(wǎng)頁爬蟲 - 為什么python模擬登陸 appannie一直返回503 code4. PHP訂單派單系統(tǒng)5. python的正則怎么同時匹配兩個不同結(jié)果？6. php多任務(wù)倒計時求助7. 數(shù)組排序，并把排序后的值存入到新數(shù)組中8. 為啥不用HBuilder?9. mysql - sql 左連接結(jié)果union右連接結(jié)果，導(dǎo)致重復(fù)性計算怎么解決？10. 默認(rèn)輸出類型為json，如何輸出html
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備