我有一张封面个人资料照片,可以在我的网络应用程序中更改,就像 Facebook 封面个人资料照片一样。我已经用jquery UIdraggable
插件实现了重新定位照片的功能,并且还实现了上传新照片的功能。
对于重新定位,我是这样进行的:
在表单上添加隐藏输入字段并保存最新的
top
值加载页面时,
top
值将设置为数据库中保存的值。
例如,这是我的 PC 屏幕上的一个案例,顶部设置为 top: -166px;
这就是我在移动 View 上看到的:
我的电脑屏幕上一切正常。问题是,在小型设备上,它与我重新定位的照片位置不同,而是在某些小型设备上拖动照片时出现一些问题。
有人知道如何纠正这个问题吗? 或者有没有其他插件可以做到这一点?
提前致谢。
最佳答案
我建议你使用CSS而不是JS。您可以将图像设置为 background-image
属性并用 background-size 配置它属性(property)
关于javascript - 如何根据封面照片的 div 高度和位置调整图像大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47094156/