文章详情页
css - 关于移动端定位position准确的问题?
浏览:55日期: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. javascript - vue生成一维码?求助!!!!!急2. angular.js - angularjs 怎么封装 upload 上传3. node.js - 用node开启的UDP端口,远程无法访问4. javascript - 修改表单多选项时和后台同事配合的问题。5. tornado - python使用yield是否能保证协程的顺序性?6. javascript - H5页面怎么查看console信息?7. android - Listview模仿朋友圈点赞的TextView没有刷新?8. mysql - 索引过滤性不好是由什么原因引起的,应该怎么解决9. 网页爬虫 - Python:爬虫的中文编码问题?10. docker内创建jenkins访问另一个容器下的服务器问题
排行榜
