背景图像在移动视图中不可伸缩

时间:2017-12-17 07:10:06

标签: html css twitter-bootstrap background-image viewport

/* 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/ - 在宽屏幕上工作完美,但与移动视图不兼容。如果有人解决此问题,我们会很高兴!

1 个答案:

答案 0 :(得分:-1)

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

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