文章詳情頁
css - 關于移動端定位position準確的問題?
瀏覽:216日期: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. node.js - mongodb查找子對象的名稱為某個值的對象的方法2. docker 17.03 怎么配置 registry mirror ?3. docker 下面創建的IMAGE 他們的 ID 一樣?這個是怎么回事????4. 前端 - @media query 使用出現的問題?5. html5 - datatables 加載不出來數據。6. 運行python程序時出現“應用程序發生異常”的內存錯誤?7. 測試自動化html元素選擇器元素ID或DataAttribute [關閉]8. javascript - QQ第三方登錄的問題9. 利用IPMI遠程安裝centos報錯!10. spring-mvc - spring-session-redis HttpSessionListener失效
排行榜

網公網安備