移动端的元素相对于背景图片位置固定是怎样实现的?


http://s.dingtalk.com/market/dingtalk/personexprience.php?mod=contactsorg
图片描述

无论页面怎么缩放,这个页面中的小手指与背景图的相对位置总是固定的,想知道是怎么实现的。谢谢
ps:图中的手机连同对话框是一个整的图片。

移动端适配 css JavaScript

真·裂鸟爆蛋 9 years, 3 months ago

虽然页面在缩放,但是他的主内容区,也就是那个手机屏幕元素的width,height却是是固定的,变化的只是设为auto的左右margin值,这样用定位就也设定一个死的值就行了

Kim0.0 answered 9 years, 3 months ago

布局的时候使用相对布局,让手指最开始就相对于背景图固定好,但是设置visible为gone,后面引导的时候再设置visible为TRUE就可以了

wincard answered 9 years, 3 months ago

手指相对于 开始学习 那个对话框 绝对定位就好了

冬夜的无奈 answered 9 years, 3 months ago

Your Answer