html - 背景图像在移动 View 中不可缩放

Question

/* background image and overlay */

body {
  background: #212121 url("img/bg.jpg") no-repeat top center fixed;
  background-size:cover;
  **strong text**margin: 0;
  padding: 0;
  height: 100%;
  width: 100%; 
  }

网站:https://ejive2k18-07.firebaseapp.com/ - 在宽屏下工作完美，但与移动 View 不兼容。如果有人解决这个问题，我们将很高兴!

Answer 1

如果您希望同一图像根据浏览器窗口的大小进行缩放:

background-image:url('../images/bg.png');
background-repeat:no-repeat;
background-size:contain;
background-position:center;
Do not set width, height, or margins.