文章詳情頁(yè)
css - 關(guān)于移動(dòng)端定位position準(zhǔn)確的問(wèn)題?
瀏覽:222日期:2023-01-29 10:35:49
問(wèn)題描述

這樣的一張圖,需要放8個(gè)按鈕對(duì)應(yīng)八個(gè)地圖位置,在不同尺寸的移動(dòng)端設(shè)備上,圖的寬度可能會(huì)發(fā)生變化。
按鈕的position定位如何自適應(yīng)準(zhǔn)確?
按鈕的寬高如何定?
求教解決方案。
問(wèn)題解答
回答1:1.你的地圖是怎么繪制的?2.如果是普通的p,使用相對(duì)定位和絕對(duì)定位就ok3.如果是canvas繪制的,通過(guò)x,y坐標(biāo)繪制相應(yīng)的文案提示即可
回答2:嘗試使用百分比定位
回答3:建議用canvas坐標(biāo)定位,比較準(zhǔn)確
回答4:建議使用rem單位,margin百分比+position定位在移動(dòng)UC瀏覽器中有兼容問(wèn)題
回答5:1、用<meta name='viewport'>定義設(shè)備寬度2、使用position,然后計(jì)算百分比位置
回答6:你提的問(wèn)題,我理解的是移動(dòng)端適配。解決方案有很多,比較推薦淘寶使用的rem解決方案,具體實(shí)踐可以參考這篇文章的說(shuō)的多屏適配問(wèn)題。http://www.html-js.com/articl...
標(biāo)簽:
CSS
相關(guān)文章:
1. javascript - sublime快鍵鍵問(wèn)題2. javascript - immutable配合react提升性能?3. Apache 已經(jīng)把網(wǎng)站根目錄的改為allow from all了,但是服務(wù)器還是不能訪問(wèn)?4. css - 寫頁(yè)面遇到個(gè)布局問(wèn)題,求大佬們幫解答,在線等,急!~5. javascript - 移動(dòng)端上不能實(shí)現(xiàn)拖拽布局嗎?6. phpstudy8.1支持win11系統(tǒng)嗎?7. 實(shí)現(xiàn)bing搜索工具urlAPI提交8. 配置Apache時(shí),添加對(duì)PHP的支持時(shí)語(yǔ)法錯(cuò)誤9. javascript - nodejs關(guān)于進(jìn)程間發(fā)送句柄的一點(diǎn)疑問(wèn)10. vue.js - Vue 如何像Angular.js watch 一樣監(jiān)聽數(shù)據(jù)變化
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備