场景是:在H5中要适配各机型,背景图设置为background-size: cover
,要把可操作的元素定位到背景图的对应placeholder,真是痛苦啊。。
正因为背景图设置为了background-size: cover
,导致会有个缩放比,直接使用百分比布局也会有问题。
我目前能想到的方案是:让UI提供一个更通用的背景图,来减少不同机型中因background-size: cover
造成的差别感;再提供一个容纳可操作元素的背景图,之后的可操作元素都相对于这张图进行布局。
请问大家都是怎么解决元素依附背景图的问题的?
只有背景图位置依赖元素吧~