文章詳情頁
css - 關于移動端定位position準確的問題？
瀏覽：94日期：2023-01-29 10:35:49
問題描述
這樣的一張圖，需要放8個按鈕對應八個地圖位置，在不同尺寸的移動端設備上，圖的寬度可能會發生變化。
按鈕的position定位如何自適應準確？
按鈕的寬高如何定？
求教解決方案。
問題解答
回答1：1.你的地圖是怎么繪制的？2.如果是普通的p，使用相對定位和絕對定位就ok3.如果是canvas繪制的，通過x,y坐標繪制相應的文案提示即可
回答2：嘗試使用百分比定位
回答3：建議用canvas坐標定位，比較準確
回答4：建議使用rem單位，margin百分比+position定位在移動UC瀏覽器中有兼容問題
回答5：1、用<meta name='viewport'>定義設備寬度2、使用position，然后計算百分比位置
回答6：你提的問題，我理解的是移動端適配。解決方案有很多，比較推薦淘寶使用的rem解決方案，具體實踐可以參考這篇文章的說的多屏適配問題。http://www.html-js.com/articl...
標簽：
CSS
相關文章：
1. mysql - 請問數據庫字段為年月日，傳進的參數為月，怎么查詢那個月所對應的數據2. node.js - win 下 npm install 遇到了如下錯誤 會導致 無法 run dev么？3. javascript - 我的站點貌似被別人克隆了， google 搜索特定文章，除了域名不一樣，其他的都一樣，如何解決？4. 求救一下，用新版的phpstudy，數據庫過段時間會消失是什么情況？5. [python2]local variable referenced before assignment問題6. Python2中code.co_kwonlyargcount的等效寫法7. html - 移動端radio無法選中8. php - 微信開發驗證服務器有效性9. javascript - vue+iview upload傳參失敗 跨域問題后臺已經解決 仍然報403，這是怎么回事啊？10. mysql - 如何在有自增id的情況下，讓其他某些字段能不重復插入
排行榜
網公網安備