如何在CSS中固定响应式背景图片的顶部和底部？

Question

background-position: top center

我想创建一个登录页面，并且有一个背景图片具有不同的设计。如何为所有分辨率和所有设备固定背景？

Answer 1

您可以与媒体查询一起使用，以根据屏幕提示更改设计。

def save_model(self, request, obj, form, change):
    email = your_method_to_find_email_for_user(obj.user_field) 
    obj.email_field = email
    super().save_model(request,obj,form,change)

这是一个示例，但是当然可以添加任意数量的媒体查询。

第二种解决方案是使用“ background-size：cover”，该背景将始终用该图片填充整个背景。

我希望这会有所帮助！