文章詳情頁
css - 關于移動端定位position準確的問題？
瀏覽：74日期：2023-01-29 10:35:49
問題描述
這樣的一張圖，需要放8個按鈕對應八個地圖位置，在不同尺寸的移動端設備上，圖的寬度可能會發(fā)生變化。
按鈕的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. javascript - JS如何取對稱范圍的隨機數(shù)？2. 數(shù)據(jù)庫 - mysql如何處理數(shù)據(jù)變化中的事務？3. java - ehcache緩存用的是虛擬機內(nèi)存么？4. 關于docker下的nginx壓力測試5. java - mongodb分片集群下，count和聚合統(tǒng)計問題6. android - java 泛型不支持數(shù)組，那么RxJava的Map集合有什么方便的手段可以定義獲得一串共同父類集合數(shù)據(jù)呢？7. dockerfile - 我用docker build的時候出現(xiàn)下邊問題 麻煩幫我看一下8. 服務器端 - 采用nginx做web服務器，C++開發(fā)應用程序 出現(xiàn)拒絕連接請求？9. javascript - 有什么兼容性比較好的辦法來判斷瀏覽器窗口的類型？10. python - pandas按照列A和列B分組，將列C求平均數(shù)，怎樣才能生成一個列A,B,C的dataframe
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備