缩放屏幕的时候,希望背景图和内容元素的相对位置保持不变。background-position: center;
div {
background-image: url('../../public/images/my-picture.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
缩窄屏幕前:
缩窄屏幕后:
表单背后的背景图的特征点的相对位置保持大致不变。