背景图片和子元素在页面缩放时如何保证相对位置固定?

新手上路,请多包涵

一个自定义的登录页面,包含背景图,图上有一个card用于输入用户名密码。现在使用background-image作为背景图片,设置background-size:100% 100%,但是在页面缩放时,图片无法和card同步,也就是无法保证相对位置不变。

阅读 2.9k
3 个回答

background-size: contain;

建议把 card 单独拎出来

我觉得你从一开始就想错了,难道一个设计会想让本来是19201080的图,在屏幕是12001080的情况下background-size:100% 100%?图片严重变形?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题