CSS背景图怎么自适应全屏（手机或者电脑）

#demo{
　　background-img:url(../bg.png);

    --（1）适用于上半部分背景图片，下半部分纯色
    将背景图像等比缩放到完全覆盖屏幕，背景图有可能超出屏幕（容器）

    background-size:cover;

   --（2）将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背景图像始终被包含在容器内。

   background-size:contain;

   --（3）最简单粗暴的方法，缺点会给背景拉伸变形;

   background-size：100%  100%；

}

转载于:https://www.cnblogs.com/lsongyang/p/10670185.html