文章详情页
css - 关于移动端定位position准确的问题？
浏览：67日期：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. python - django 里自定义的 login 方法，如何使用 login_required()2. javascript - git clone 下来的项目 想在本地运行 npm run install 报错3. python如何不改动文件的情况下修改文件的 修改日期4. mysql优化 - mysql count(id)查询速度如何优化?5. 主从备份 - 跪求mysql 高可用主从方案6. angular.js - 不适用其他构建工具，怎么搭建angular1项目7. mysql主从 - 请教下mysql 主动-被动模式的双主配置 和 主从配置在应用上有什么区别？8. node.js - node_moduls太多了9. android-studio - Android 动态壁纸LayoutParams问题10. sql语句如何按or排序取出记录
排行榜
网公网安备