记录前端bootstrap背景图片，长度固定，宽度自适应

如果不设置，则会出现如下：

在标准屏幕（左边），全面屏幕（右边）：

观察：背景图片如果不会进行设置则会出现被吃掉的情况。

 

 

添加如下css样式代码：

html,body{height: 100%;width: 100%;margin:0;padding:0;}
body{
background:url(../image/bac5.jpg)no-repeat;
width:100%;
height:100%;
background-size:100% 100%;
position:absolute;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg-login.png',sizingMethod='scale');

则无论在全面屏幕，还是标准屏幕，均会正常显示：