Javascript 在智能手机图像中放置一个div

我正在尝试为我的网站创建一个内嵌在智能手机图像中的幻灯片。 创建幻灯片非常容易使用。 我无法做到的是将我的div放在手机图像中，这样即使图像大小不同，它也能覆盖整个屏幕

我一开始是用百分比来衡量我必须申请的利润率，但我不喜欢这个解决方案

有没有办法手动设置div相对于图像的四个角

我可以使用jQuery

---

检查下面的片段

$（'.owl carousel'）.owlCarousel({
中：是的，
项目：1，
循环：对，
保证金：0
});
.screen.item{
背景色：#5fba7d；
}
.电话{
背景图片：url(https://i.stack.imgur.com/vKQ2K.png);
宽度：320px！重要；
高度：650px；
背景位置：-25px 0；
}
.no js.owl转盘，.owl-carousel.owl-loaded{
位置：相对位置；
顶部：48px；
宽度：278px；
左：20px；
身高：100%；
}
.owl舞台外部，.owl项目，.item{
身高：100%；
}
.猫头鹰舞台{
高度：计算（100%-153px）；
}

1.
2.
3.
4.
5.
检查下面的片段


$（'.owl carousel'）.owlCarousel({
中：是的，
项目：1，
循环：对，
保证金：0
});
.screen.item{
背景色：#5fba7d；
}
.电话{
背景图片：url(https://i.stack.imgur.com/vKQ2K.png);
宽度：320px！重要；
高度：650px；
背景位置：-25px 0；
}
.no js.owl转盘，.owl-carousel.owl-loaded{
位置：相对位置；
顶部：48px；
宽度：278px；
左：20px；
身高：100%；
}
.owl舞台外部，.owl项目，.item{
身高：100%；
}
.猫头鹰舞台{
高度：计算（100%-153px）；
}

1.
2.
3.
4.
5.
请查看此网站，希望对您有所帮助。我认为最好的解决方案是将img和滑块包装在一个outter div中，并使用绝对位置作为滑块和边距（左、右、上、下，因为它是绝对定位的），使用persentages就可以了trickI试图避免百分比法，因为我觉得它不干净，但看起来这是唯一的方法请看一下这个网站，希望它能有所帮助。我认为最好的解决方案是将img和滑块包装在一个outter div中，并使用绝对位置作为滑块和边距（左、右、上、下，因为它是绝对定位的），使用persentages可以做到。trickI试图避免百分比法，因为它看起来不干净，但看起来这是唯一的方法